diff --git a/api/chalicelib/core/events.py b/api/chalicelib/core/events.py
index dd6ca960a..dcb4d88d6 100644
--- a/api/chalicelib/core/events.py
+++ b/api/chalicelib/core/events.py
@@ -1,8 +1,9 @@
+from functools import cache
 from typing import Optional
 
 import schemas
-from chalicelib.core.autocomplete import autocomplete
 from chalicelib.core import issues
+from chalicelib.core.autocomplete import autocomplete
 from chalicelib.core.sessions import sessions_metas
 from chalicelib.utils import pg_client, helper
 from chalicelib.utils.TimeUTC import TimeUTC
@@ -137,52 +138,57 @@ class EventType:
                          column=None)  # column=None because errors are searched by name or message
 
 
-SUPPORTED_TYPES = {
-    EventType.CLICK.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CLICK),
-                                             query=autocomplete.__generic_query(typename=EventType.CLICK.ui_type)),
-    EventType.INPUT.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.INPUT),
-                                             query=autocomplete.__generic_query(typename=EventType.INPUT.ui_type)),
-    EventType.LOCATION.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.LOCATION),
-                                                query=autocomplete.__generic_query(
-                                                    typename=EventType.LOCATION.ui_type)),
-    EventType.CUSTOM.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CUSTOM),
-                                              query=autocomplete.__generic_query(typename=EventType.CUSTOM.ui_type)),
-    EventType.REQUEST.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.REQUEST),
-                                               query=autocomplete.__generic_query(
-                                                   typename=EventType.REQUEST.ui_type)),
-    EventType.GRAPHQL.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.GRAPHQL),
-                                               query=autocomplete.__generic_query(
-                                                   typename=EventType.GRAPHQL.ui_type)),
-    EventType.STATEACTION.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.STATEACTION),
+@cache
+def supported_types():
+    return {
+        EventType.CLICK.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CLICK),
+                                                 query=autocomplete.__generic_query(typename=EventType.CLICK.ui_type)),
+        EventType.INPUT.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.INPUT),
+                                                 query=autocomplete.__generic_query(typename=EventType.INPUT.ui_type)),
+        EventType.LOCATION.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.LOCATION),
+                                                    query=autocomplete.__generic_query(
+                                                        typename=EventType.LOCATION.ui_type)),
+        EventType.CUSTOM.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CUSTOM),
+                                                  query=autocomplete.__generic_query(
+                                                      typename=EventType.CUSTOM.ui_type)),
+        EventType.REQUEST.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.REQUEST),
                                                    query=autocomplete.__generic_query(
-                                                       typename=EventType.STATEACTION.ui_type)),
-    EventType.TAG.ui_type: SupportedFilter(get=_search_tags, query=None),
-    EventType.ERROR.ui_type: SupportedFilter(get=autocomplete.__search_errors,
-                                             query=None),
-    EventType.METADATA.ui_type: SupportedFilter(get=autocomplete.__search_metadata,
-                                                query=None),
-    #     MOBILE
-    EventType.CLICK_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CLICK_MOBILE),
-                                                    query=autocomplete.__generic_query(
-                                                        typename=EventType.CLICK_MOBILE.ui_type)),
-    EventType.SWIPE_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.SWIPE_MOBILE),
-                                                    query=autocomplete.__generic_query(
-                                                        typename=EventType.SWIPE_MOBILE.ui_type)),
-    EventType.INPUT_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.INPUT_MOBILE),
-                                                    query=autocomplete.__generic_query(
-                                                        typename=EventType.INPUT_MOBILE.ui_type)),
-    EventType.VIEW_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.VIEW_MOBILE),
+                                                       typename=EventType.REQUEST.ui_type)),
+        EventType.GRAPHQL.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.GRAPHQL),
                                                    query=autocomplete.__generic_query(
-                                                       typename=EventType.VIEW_MOBILE.ui_type)),
-    EventType.CUSTOM_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CUSTOM_MOBILE),
-                                                     query=autocomplete.__generic_query(
-                                                         typename=EventType.CUSTOM_MOBILE.ui_type)),
-    EventType.REQUEST_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.REQUEST_MOBILE),
-                                                      query=autocomplete.__generic_query(
-                                                          typename=EventType.REQUEST_MOBILE.ui_type)),
-    EventType.CRASH_MOBILE.ui_type: SupportedFilter(get=autocomplete.__search_errors_mobile,
+                                                       typename=EventType.GRAPHQL.ui_type)),
+        EventType.STATEACTION.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.STATEACTION),
+                                                       query=autocomplete.__generic_query(
+                                                           typename=EventType.STATEACTION.ui_type)),
+        EventType.TAG.ui_type: SupportedFilter(get=_search_tags, query=None),
+        EventType.ERROR.ui_type: SupportedFilter(get=autocomplete.__search_errors,
+                                                 query=None),
+        EventType.METADATA.ui_type: SupportedFilter(get=autocomplete.__search_metadata,
                                                     query=None),
-}
+        #     MOBILE
+        EventType.CLICK_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.CLICK_MOBILE),
+                                                        query=autocomplete.__generic_query(
+                                                            typename=EventType.CLICK_MOBILE.ui_type)),
+        EventType.SWIPE_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.SWIPE_MOBILE),
+                                                        query=autocomplete.__generic_query(
+                                                            typename=EventType.SWIPE_MOBILE.ui_type)),
+        EventType.INPUT_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.INPUT_MOBILE),
+                                                        query=autocomplete.__generic_query(
+                                                            typename=EventType.INPUT_MOBILE.ui_type)),
+        EventType.VIEW_MOBILE.ui_type: SupportedFilter(get=autocomplete.__generic_autocomplete(EventType.VIEW_MOBILE),
+                                                       query=autocomplete.__generic_query(
+                                                           typename=EventType.VIEW_MOBILE.ui_type)),
+        EventType.CUSTOM_MOBILE.ui_type: SupportedFilter(
+            get=autocomplete.__generic_autocomplete(EventType.CUSTOM_MOBILE),
+            query=autocomplete.__generic_query(
+                typename=EventType.CUSTOM_MOBILE.ui_type)),
+        EventType.REQUEST_MOBILE.ui_type: SupportedFilter(
+            get=autocomplete.__generic_autocomplete(EventType.REQUEST_MOBILE),
+            query=autocomplete.__generic_query(
+                typename=EventType.REQUEST_MOBILE.ui_type)),
+        EventType.CRASH_MOBILE.ui_type: SupportedFilter(get=autocomplete.__search_errors_mobile,
+                                                        query=None),
+    }
 
 
 def get_errors_by_session_id(session_id, project_id):
@@ -202,17 +208,17 @@ def search(text, event_type, project_id, source, key):
     if not event_type:
         return {"data": autocomplete.__get_autocomplete_table(text, project_id)}
 
-    if event_type in SUPPORTED_TYPES.keys():
-        rows = SUPPORTED_TYPES[event_type].get(project_id=project_id, value=text, key=key, source=source)
-    elif event_type + "_MOBILE" in SUPPORTED_TYPES.keys():
-        rows = SUPPORTED_TYPES[event_type + "_MOBILE"].get(project_id=project_id, value=text, key=key, source=source)
-    elif event_type in sessions_metas.SUPPORTED_TYPES.keys():
+    if event_type in supported_types().keys():
+        rows = supported_types()[event_type].get(project_id=project_id, value=text, key=key, source=source)
+    elif event_type + "_MOBILE" in supported_types().keys():
+        rows = supported_types()[event_type + "_MOBILE"].get(project_id=project_id, value=text, key=key, source=source)
+    elif event_type in sessions_metas.supported_types().keys():
         return sessions_metas.search(text, event_type, project_id)
     elif event_type.endswith("_IOS") \
-            and event_type[:-len("_IOS")] in sessions_metas.SUPPORTED_TYPES.keys():
+            and event_type[:-len("_IOS")] in sessions_metas.supported_types().keys():
         return sessions_metas.search(text, event_type, project_id)
     elif event_type.endswith("_MOBILE") \
-            and event_type[:-len("_MOBILE")] in sessions_metas.SUPPORTED_TYPES.keys():
+            and event_type[:-len("_MOBILE")] in sessions_metas.supported_types().keys():
         return sessions_metas.search(text, event_type, project_id)
     else:
         return {"errors": ["unsupported event"]}
diff --git a/api/chalicelib/core/metrics/custom_metrics.py b/api/chalicelib/core/metrics/custom_metrics.py
index 84c7aab3c..8c02d2be3 100644
--- a/api/chalicelib/core/metrics/custom_metrics.py
+++ b/api/chalicelib/core/metrics/custom_metrics.py
@@ -378,21 +378,6 @@ def search_metrics(project_id, user_id, data: schemas.MetricSearchSchema, includ
             )
 
     with pg_client.PostgresClient() as cur:
-        count_query = cur.mogrify(
-            f"""SELECT COUNT(*)
-                FROM metrics
-                LEFT JOIN LATERAL (
-                    SELECT email AS owner_email, name AS owner_name
-                    FROM users
-                    WHERE deleted_at ISNULL
-                      AND users.user_id = metrics.user_id
-                ) AS owner ON (TRUE)
-                WHERE {" AND ".join(constraints)};""",
-            params
-        )
-        cur.execute(count_query)
-        total = cur.fetchone()["count"]
-
         sub_join = ""
         if include_series:
             sub_join = """LEFT JOIN LATERAL (
@@ -402,7 +387,8 @@ def search_metrics(project_id, user_id, data: schemas.MetricSearchSchema, includ
                               AND metric_series.deleted_at ISNULL 
                          ) AS metric_series ON (TRUE)"""
 
-        sort_column = data.sort.field if data.sort.field is not None else "created_at"
+        sort_column = data.sort.field if data.sort.field is not None and len(data.sort.field) > 0 \
+            else "created_at"
         # change ascend to asc and descend to desc
         sort_order = data.sort.order.value if hasattr(data.sort.order, "value") else data.sort.order
         if sort_order == "ascend":
@@ -411,7 +397,7 @@ def search_metrics(project_id, user_id, data: schemas.MetricSearchSchema, includ
             sort_order = "desc"
 
         query = cur.mogrify(
-            f"""SELECT metric_id, project_id, user_id, name, is_public, created_at, edited_at,
+            f"""SELECT count(1) OVER () AS total,metric_id, project_id, user_id, name, is_public, created_at, edited_at,
                         metric_type, metric_of, metric_format, metric_value, view_type, is_pinned, 
                         dashboards, owner_email, owner_name, default_config AS config, thumbnail
                 FROM metrics
@@ -441,15 +427,21 @@ def search_metrics(project_id, user_id, data: schemas.MetricSearchSchema, includ
         )
         cur.execute(query)
         rows = cur.fetchall()
-        if include_series:
-            for r in rows:
-                for s in r.get("series", []):
-                    s["filter"] = helper.old_search_payload_to_flat(s["filter"])
+        if len(rows) > 0:
+            total = rows[0]["total"]
+            if include_series:
+                for r in rows:
+                    r.pop("total")
+                    for s in r.get("series", []):
+                        s["filter"] = helper.old_search_payload_to_flat(s["filter"])
+            else:
+                for r in rows:
+                    r.pop("total")
+                    r["created_at"] = TimeUTC.datetime_to_timestamp(r["created_at"])
+                    r["edited_at"] = TimeUTC.datetime_to_timestamp(r["edited_at"])
+            rows = helper.list_to_camel_case(rows)
         else:
-            for r in rows:
-                r["created_at"] = TimeUTC.datetime_to_timestamp(r["created_at"])
-                r["edited_at"] = TimeUTC.datetime_to_timestamp(r["edited_at"])
-        rows = helper.list_to_camel_case(rows)
+            total = 0
 
     return {"total": total, "list": rows}
 
diff --git a/api/chalicelib/core/sessions/sessions_metas.py b/api/chalicelib/core/sessions/sessions_metas.py
index 1b538ec9c..f39b19ebd 100644
--- a/api/chalicelib/core/sessions/sessions_metas.py
+++ b/api/chalicelib/core/sessions/sessions_metas.py
@@ -1,76 +1,81 @@
+from functools import cache
+
 import schemas
 from chalicelib.core.autocomplete import autocomplete
 from chalicelib.utils.event_filter_definition import SupportedFilter
 
-SUPPORTED_TYPES = {
-    schemas.FilterType.USER_OS: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS)),
-    schemas.FilterType.USER_BROWSER: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_BROWSER),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_BROWSER)),
-    schemas.FilterType.USER_DEVICE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_DEVICE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_DEVICE)),
-    schemas.FilterType.USER_COUNTRY: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY)),
-    schemas.FilterType.USER_CITY: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_CITY),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_CITY)),
-    schemas.FilterType.USER_STATE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_STATE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_STATE)),
-    schemas.FilterType.USER_ID: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID)),
-    schemas.FilterType.USER_ANONYMOUS_ID: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID)),
-    schemas.FilterType.REV_ID: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID)),
-    schemas.FilterType.REFERRER: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REFERRER),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REFERRER)),
-    schemas.FilterType.UTM_CAMPAIGN: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_CAMPAIGN),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_CAMPAIGN)),
-    schemas.FilterType.UTM_MEDIUM: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_MEDIUM),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_MEDIUM)),
-    schemas.FilterType.UTM_SOURCE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_SOURCE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_SOURCE)),
-    # Mobile
-    schemas.FilterType.USER_OS_MOBILE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS_MOBILE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS_MOBILE)),
-    schemas.FilterType.USER_DEVICE_MOBILE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(
-            typename=schemas.FilterType.USER_DEVICE_MOBILE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_DEVICE_MOBILE)),
-    schemas.FilterType.USER_COUNTRY_MOBILE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY_MOBILE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY_MOBILE)),
-    schemas.FilterType.USER_ID_MOBILE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID_MOBILE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID_MOBILE)),
-    schemas.FilterType.USER_ANONYMOUS_ID_MOBILE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID_MOBILE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID_MOBILE)),
-    schemas.FilterType.REV_ID_MOBILE: SupportedFilter(
-        get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID_MOBILE),
-        query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID_MOBILE)),
 
-}
+@cache
+def supported_types():
+    return {
+        schemas.FilterType.USER_OS: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS)),
+        schemas.FilterType.USER_BROWSER: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_BROWSER),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_BROWSER)),
+        schemas.FilterType.USER_DEVICE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_DEVICE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_DEVICE)),
+        schemas.FilterType.USER_COUNTRY: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY)),
+        schemas.FilterType.USER_CITY: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_CITY),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_CITY)),
+        schemas.FilterType.USER_STATE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_STATE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_STATE)),
+        schemas.FilterType.USER_ID: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID)),
+        schemas.FilterType.USER_ANONYMOUS_ID: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID)),
+        schemas.FilterType.REV_ID: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID)),
+        schemas.FilterType.REFERRER: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REFERRER),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REFERRER)),
+        schemas.FilterType.UTM_CAMPAIGN: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_CAMPAIGN),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_CAMPAIGN)),
+        schemas.FilterType.UTM_MEDIUM: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_MEDIUM),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_MEDIUM)),
+        schemas.FilterType.UTM_SOURCE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_SOURCE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.UTM_SOURCE)),
+        # Mobile
+        schemas.FilterType.USER_OS_MOBILE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS_MOBILE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_OS_MOBILE)),
+        schemas.FilterType.USER_DEVICE_MOBILE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(
+                typename=schemas.FilterType.USER_DEVICE_MOBILE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_DEVICE_MOBILE)),
+        schemas.FilterType.USER_COUNTRY_MOBILE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY_MOBILE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_COUNTRY_MOBILE)),
+        schemas.FilterType.USER_ID_MOBILE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID_MOBILE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ID_MOBILE)),
+        schemas.FilterType.USER_ANONYMOUS_ID_MOBILE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID_MOBILE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.USER_ANONYMOUS_ID_MOBILE)),
+        schemas.FilterType.REV_ID_MOBILE: SupportedFilter(
+            get=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID_MOBILE),
+            query=autocomplete.generic_autocomplete_metas(typename=schemas.FilterType.REV_ID_MOBILE)),
+
+    }
 
 
 def search(text: str, meta_type: schemas.FilterType, project_id: int):
     rows = []
-    if meta_type not in list(SUPPORTED_TYPES.keys()):
+    if meta_type not in list(supported_types().keys()):
         return {"errors": ["unsupported type"]}
-    rows += SUPPORTED_TYPES[meta_type].get(project_id=project_id, text=text)
+    rows += supported_types()[meta_type].get(project_id=project_id, text=text)
     # for IOS events autocomplete
     # if meta_type + "_IOS" in list(SUPPORTED_TYPES.keys()):
     #     rows += SUPPORTED_TYPES[meta_type + "_IOS"].get(project_id=project_id, text=text)
diff --git a/api/chalicelib/core/sessions/sessions_search.py b/api/chalicelib/core/sessions/sessions_search.py
index ac87deec4..8584f43af 100644
--- a/api/chalicelib/core/sessions/sessions_search.py
+++ b/api/chalicelib/core/sessions/sessions_search.py
@@ -166,7 +166,8 @@ def search_sessions(data: schemas.SessionsSearchPayloadSchema, project: schemas.
     #                       reverse=data.order.upper() == "DESC")
     return {
         'total': total,
-        'sessions': helper.list_to_camel_case(sessions)
+        'sessions': helper.list_to_camel_case(sessions),
+        'src': 1
     }
 
 
diff --git a/api/routers/subs/metrics.py b/api/routers/subs/metrics.py
index 558175069..d60280c49 100644
--- a/api/routers/subs/metrics.py
+++ b/api/routers/subs/metrics.py
@@ -10,31 +10,22 @@ public_app, app, app_apikey = get_routers()
 
 
 @app.post("/{projectId}/dashboards", tags=["dashboard"])
-def create_dashboards(
-        projectId: int,
-        data: schemas.CreateDashboardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def create_dashboards(projectId: int, data: schemas.CreateDashboardSchema = Body(...),
+                      context: schemas.CurrentContext = Depends(OR_context)):
     return dashboards.create_dashboard(
         project_id=projectId, user_id=context.user_id, data=data
     )
 
 
 @app.get("/{projectId}/dashboards", tags=["dashboard"])
-def get_dashboards(
-        projectId: int, context: schemas.CurrentContext = Depends(OR_context)
-):
+def get_dashboards(projectId: int, context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": dashboards.get_dashboards(project_id=projectId, user_id=context.user_id)
     }
 
 
 @app.get("/{projectId}/dashboards/{dashboardId}", tags=["dashboard"])
-def get_dashboard(
-        projectId: int,
-        dashboardId: int,
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def get_dashboard(projectId: int, dashboardId: int, context: schemas.CurrentContext = Depends(OR_context)):
     data = dashboards.get_dashboard(
         project_id=projectId, user_id=context.user_id, dashboard_id=dashboardId
     )
@@ -44,12 +35,8 @@ def get_dashboard(
 
 
 @app.put("/{projectId}/dashboards/{dashboardId}", tags=["dashboard"])
-def update_dashboard(
-        projectId: int,
-        dashboardId: int,
-        data: schemas.EditDashboardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def update_dashboard(projectId: int, dashboardId: int, data: schemas.EditDashboardSchema = Body(...),
+                     context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": dashboards.update_dashboard(
             project_id=projectId,
@@ -61,23 +48,15 @@ def update_dashboard(
 
 
 @app.delete("/{projectId}/dashboards/{dashboardId}", tags=["dashboard"])
-def delete_dashboard(
-        projectId: int,
-        dashboardId: int,
-        _=Body(None),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def delete_dashboard(projectId: int, dashboardId: int, _=Body(None),
+                     context: schemas.CurrentContext = Depends(OR_context)):
     return dashboards.delete_dashboard(
         project_id=projectId, user_id=context.user_id, dashboard_id=dashboardId
     )
 
 
 @app.get("/{projectId}/dashboards/{dashboardId}/pin", tags=["dashboard"])
-def pin_dashboard(
-        projectId: int,
-        dashboardId: int,
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def pin_dashboard(projectId: int, dashboardId: int, context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": dashboards.pin_dashboard(
             project_id=projectId, user_id=context.user_id, dashboard_id=dashboardId
@@ -86,12 +65,8 @@ def pin_dashboard(
 
 
 @app.post("/{projectId}/dashboards/{dashboardId}/cards", tags=["cards"])
-def add_card_to_dashboard(
-        projectId: int,
-        dashboardId: int,
-        data: schemas.AddWidgetToDashboardPayloadSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def add_card_to_dashboard(projectId: int, dashboardId: int, data: schemas.AddWidgetToDashboardPayloadSchema = Body(...),
+                          context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": dashboards.add_widget(
             project_id=projectId,
@@ -104,12 +79,8 @@ def add_card_to_dashboard(
 
 @app.post("/{projectId}/dashboards/{dashboardId}/metrics", tags=["dashboard"])
 # @app.put('/{projectId}/dashboards/{dashboardId}/metrics', tags=["dashboard"])
-def create_metric_and_add_to_dashboard(
-        projectId: int,
-        dashboardId: int,
-        data: schemas.CardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def create_metric_and_add_to_dashboard(projectId: int, dashboardId: int, data: schemas.CardSchema = Body(...),
+                                       context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": dashboards.create_metric_add_widget(
             project=context.project,
@@ -121,13 +92,9 @@ def create_metric_and_add_to_dashboard(
 
 
 @app.put("/{projectId}/dashboards/{dashboardId}/widgets/{widgetId}", tags=["dashboard"])
-def update_widget_in_dashboard(
-        projectId: int,
-        dashboardId: int,
-        widgetId: int,
-        data: schemas.UpdateWidgetPayloadSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def update_widget_in_dashboard(projectId: int, dashboardId: int, widgetId: int,
+                               data: schemas.UpdateWidgetPayloadSchema = Body(...),
+                               context: schemas.CurrentContext = Depends(OR_context)):
     return dashboards.update_widget(
         project_id=projectId,
         user_id=context.user_id,
@@ -137,16 +104,9 @@ def update_widget_in_dashboard(
     )
 
 
-@app.delete(
-    "/{projectId}/dashboards/{dashboardId}/widgets/{widgetId}", tags=["dashboard"]
-)
-def remove_widget_from_dashboard(
-        projectId: int,
-        dashboardId: int,
-        widgetId: int,
-        _=Body(None),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+@app.delete("/{projectId}/dashboards/{dashboardId}/widgets/{widgetId}", tags=["dashboard"])
+def remove_widget_from_dashboard(projectId: int, dashboardId: int, widgetId: int, _=Body(None),
+                                 context: schemas.CurrentContext = Depends(OR_context)):
     return dashboards.remove_widget(
         project_id=projectId,
         user_id=context.user_id,
@@ -156,11 +116,8 @@ def remove_widget_from_dashboard(
 
 
 @app.post("/{projectId}/cards/try", tags=["cards"])
-def try_card(
-        projectId: int,
-        data: schemas.CardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def try_card(projectId: int, data: schemas.CardSchema = Body(...),
+             context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": custom_metrics.get_chart(
             project=context.project, data=data, user_id=context.user_id
@@ -169,11 +126,8 @@ def try_card(
 
 
 @app.post("/{projectId}/cards/try/sessions", tags=["cards"])
-def try_card_sessions(
-        projectId: int,
-        data: schemas.CardSessionsSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def try_card_sessions(projectId: int, data: schemas.CardSessionsSchema = Body(...),
+                      context: schemas.CurrentContext = Depends(OR_context)):
     data = custom_metrics.get_sessions(
         project=context.project, user_id=context.user_id, data=data
     )
@@ -181,11 +135,8 @@ def try_card_sessions(
 
 
 @app.post("/{projectId}/cards/try/issues", tags=["cards"])
-def try_card_issues(
-        projectId: int,
-        data: schemas.CardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def try_card_issues(projectId: int, data: schemas.CardSchema = Body(...),
+                    context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": custom_metrics.get_issues(
             project=context.project, user_id=context.user_id, data=data
@@ -201,22 +152,16 @@ def get_cards(projectId: int, context: schemas.CurrentContext = Depends(OR_conte
 
 
 @app.post("/{projectId}/cards", tags=["cards"])
-def create_card(
-        projectId: int,
-        data: schemas.CardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def create_card(projectId: int, data: schemas.CardSchema = Body(...),
+                context: schemas.CurrentContext = Depends(OR_context)):
     return custom_metrics.create_card(
         project=context.project, user_id=context.user_id, data=data
     )
 
 
 @app.post("/{projectId}/cards/search", tags=["cards"])
-def search_cards(
-        projectId: int,
-        data: schemas.MetricSearchSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def search_cards(projectId: int, data: schemas.MetricSearchSchema = Body(...),
+                 context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": custom_metrics.search_metrics(
             project_id=projectId, user_id=context.user_id, data=data
@@ -225,11 +170,7 @@ def search_cards(
 
 
 @app.get("/{projectId}/cards/{metric_id}", tags=["cards"])
-def get_card(
-        projectId: int,
-        metric_id: Union[int, str],
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def get_card(projectId: int, metric_id: Union[int, str], context: schemas.CurrentContext = Depends(OR_context)):
     if metric_id.isnumeric():
         metric_id = int(metric_id)
     else:
@@ -243,12 +184,8 @@ def get_card(
 
 
 @app.post("/{projectId}/cards/{metric_id}/sessions", tags=["cards"])
-def get_card_sessions(
-        projectId: int,
-        metric_id: int,
-        data: schemas.CardSessionsSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def get_card_sessions(projectId: int, metric_id: int, data: schemas.CardSessionsSchema = Body(...),
+                      context: schemas.CurrentContext = Depends(OR_context)):
     data = custom_metrics.get_sessions_by_card_id(
         project=context.project, user_id=context.user_id, metric_id=metric_id, data=data
     )
@@ -257,16 +194,10 @@ def get_card_sessions(
     return {"data": data}
 
 
-@app.post(
-    "/{projectId}/cards/{metric_id}/issues/{issueId}/sessions", tags=["dashboard"]
-)
-def get_metric_funnel_issue_sessions(
-        projectId: int,
-        metric_id: int,
-        issueId: str,
-        data: schemas.CardSessionsSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+@app.post("/{projectId}/cards/{metric_id}/issues/{issueId}/sessions", tags=["dashboard"])
+def get_metric_funnel_issue_sessions(projectId: int, metric_id: int, issueId: str,
+                                     data: schemas.CardSessionsSchema = Body(...),
+                                     context: schemas.CurrentContext = Depends(OR_context)):
     data = custom_metrics.get_funnel_sessions_by_issue(
         project_id=projectId,
         user_id=context.user_id,
@@ -280,12 +211,8 @@ def get_metric_funnel_issue_sessions(
 
 
 @app.post("/{projectId}/cards/{metric_id}/chart", tags=["card"])
-def get_card_chart(
-        projectId: int,
-        metric_id: int,
-        data: schemas.CardSessionsSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def get_card_chart(projectId: int, metric_id: int, data: schemas.CardSessionsSchema = Body(...),
+                   context: schemas.CurrentContext = Depends(OR_context)):
     data = custom_metrics.make_chart_from_card(
         project=context.project, user_id=context.user_id, metric_id=metric_id, data=data
     )
@@ -293,12 +220,8 @@ def get_card_chart(
 
 
 @app.post("/{projectId}/cards/{metric_id}", tags=["dashboard"])
-def update_card(
-        projectId: int,
-        metric_id: int,
-        data: schemas.CardSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def update_card(projectId: int, metric_id: int, data: schemas.CardSchema = Body(...),
+                context: schemas.CurrentContext = Depends(OR_context)):
     data = custom_metrics.update_card(
         project_id=projectId, user_id=context.user_id, metric_id=metric_id, data=data
     )
@@ -308,12 +231,8 @@ def update_card(
 
 
 @app.post("/{projectId}/cards/{metric_id}/status", tags=["dashboard"])
-def update_card_state(
-        projectId: int,
-        metric_id: int,
-        data: schemas.UpdateCardStatusSchema = Body(...),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def update_card_state(projectId: int, metric_id: int, data: schemas.UpdateCardStatusSchema = Body(...),
+                      context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": custom_metrics.change_state(
             project_id=projectId,
@@ -325,12 +244,7 @@ def update_card_state(
 
 
 @app.delete("/{projectId}/cards/{metric_id}", tags=["dashboard"])
-def delete_card(
-        projectId: int,
-        metric_id: int,
-        _=Body(None),
-        context: schemas.CurrentContext = Depends(OR_context),
-):
+def delete_card(projectId: int, metric_id: int, _=Body(None), context: schemas.CurrentContext = Depends(OR_context)):
     return {
         "data": custom_metrics.delete_card(
             project_id=projectId, user_id=context.user_id, metric_id=metric_id
diff --git a/ee/api/chalicelib/core/sessions/sessions_search_exp.py b/ee/api/chalicelib/core/sessions/sessions_search_exp.py
index ecca97821..c1b25caba 100644
--- a/ee/api/chalicelib/core/sessions/sessions_search_exp.py
+++ b/ee/api/chalicelib/core/sessions/sessions_search_exp.py
@@ -201,7 +201,8 @@ def search_sessions(data: schemas.SessionsSearchPayloadSchema, project: schemas.
 
     return {
         'total': total,
-        'sessions': sessions_list
+        'sessions': sessions_list,
+        'src': 2
     }
 
 
diff --git a/ee/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql b/ee/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql
index fbedb48a0..460cebf6d 100644
--- a/ee/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql
+++ b/ee/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql
@@ -41,6 +41,10 @@ WHERE metric_of IN ('domainsErrors4xx', 'domainsErrors5xx', 'countSessions',
                     'speedLocation', 'avgVisitedPages')
    OR metric_type IN ('webVitals', 'errors', 'performance', 'resources');
 
+UPDATE public.metrics
+SET view_type='chart'
+WHERE metric_type = 'funnel';
+
 COMMIT;
 
 \elif :is_next
diff --git a/frontend/app/components/Dashboard/components/CardUserList/SessionsModal/SessionsModal.tsx b/frontend/app/components/Dashboard/components/CardUserList/SessionsModal/SessionsModal.tsx
index 5cba5f2a2..ff5b2c9f8 100644
--- a/frontend/app/components/Dashboard/components/CardUserList/SessionsModal/SessionsModal.tsx
+++ b/frontend/app/components/Dashboard/components/CardUserList/SessionsModal/SessionsModal.tsx
@@ -102,7 +102,7 @@ function SessionsModal(props: Props) {
             ))}
           </Loader>
 
-          <div className="flex items-center justify-between p-5">
+          <div className="flex flex-col items-start lg:flex-row lg:items-center lg:justify-between p-5">
             <div>
               {/* showing x to x of total sessions  */}
               {t('Showing')}{' '}
diff --git a/frontend/app/components/Session/Player/ReplayPlayer/PlayerBlockHeader.tsx b/frontend/app/components/Session/Player/ReplayPlayer/PlayerBlockHeader.tsx
index a818044e4..b515e2cec 100644
--- a/frontend/app/components/Session/Player/ReplayPlayer/PlayerBlockHeader.tsx
+++ b/frontend/app/components/Session/Player/ReplayPlayer/PlayerBlockHeader.tsx
@@ -114,7 +114,7 @@ function PlayerBlockHeader(props: any) {
           )}
 
           {_metaList.length > 0 && (
-            <div className="border-l border-l-gray-lighter h-full flex items-center px-2">
+            <div className="h-full flex items-center px-2 gap-1">
               <SessionMetaList
                 className=""
                 metaList={_metaList}
diff --git a/frontend/app/components/shared/SearchActions/SearchActions.tsx b/frontend/app/components/shared/SearchActions/SearchActions.tsx
index 948a69987..84a030e67 100644
--- a/frontend/app/components/shared/SearchActions/SearchActions.tsx
+++ b/frontend/app/components/shared/SearchActions/SearchActions.tsx
@@ -37,7 +37,27 @@ function SearchActions() {
   const showPanel = hasEvents || hasFilters || aiFiltersStore.isLoading;
   return !metaLoading ? (
     <div className="mb-2">
-      <div className="flex items-center gap-2 w-full">
+      <div className={'flex flex-col lg:hidden items-start  gap-2 w-full'}>
+        <div className='flex items-center justify-between w-full'>
+          <h2 className="text-2xl capitalize mr-4 inline">Sessions</h2>
+          <div className={'ml-auto flex gap-1'}>
+            <SavedSearch/>
+            <Tooltip title='Clear Search Filters'>
+              <Button
+                type="text"
+                disabled={!hasSearch}
+                onClick={() => searchStore.clearSearch()}
+                className="px-2"
+              >
+                {t('Clear')}
+              </Button>
+            </Tooltip>
+          </div>
+        </div>
+        {isSaas ? <AiSessionSearchField/> : null}
+      </div>
+
+      <div className={'hidden lg:flex items-center gap-2 w-full '}>
         <h2 className="text-2xl capitalize mr-4">{title}</h2>
         {isSaas && showAiField ? <AiSessionSearchField /> : null}
         <div className="ml-auto" />
diff --git a/frontend/app/components/shared/SessionItem/MetaItem/MetaItem.tsx b/frontend/app/components/shared/SessionItem/MetaItem/MetaItem.tsx
index ce0dae07a..4812bd122 100644
--- a/frontend/app/components/shared/SessionItem/MetaItem/MetaItem.tsx
+++ b/frontend/app/components/shared/SessionItem/MetaItem/MetaItem.tsx
@@ -12,30 +12,21 @@ export default function MetaItem(props: Props) {
   return (
     <div
       className={cn(
-        'flex items-center rounded border border-gray-light-shade',
+        'text-sm flex flex-row items-center px-2 py-0 gap-1 rounded-lg bg-white border border-neutral-100 overflow-hidden',
         className,
       )}
     >
-      <span
-        className="rounded-tl rounded-bl bg-gray-light-shade px-2"
-        style={{ maxWidth: '150px' }}
-      >
-        <TextEllipsis
-          text={label}
-          className="p-0"
-          popupProps={{ size: 'small', disabled: true }}
-        />
-      </span>
-      <span
-        className="rounded-tr rounded-br bg-white px-2"
-        style={{ maxWidth: '150px' }}
-      >
-        <TextEllipsis
-          text={value}
-          className="p-0"
-          popupProps={{ size: 'small', disabled: true }}
-        />
-      </span>
+      <TextEllipsis
+        text={label}
+        className="p-0"
+        popupProps={{ size: 'small', disabled: true }}
+      />
+      <span className="bg-neutral-200 inline-block w-[1px] min-h-[17px]"></span>
+      <TextEllipsis
+        text={value}
+        className="p-0 text-neutral-500"
+        popupProps={{ size: 'small', disabled: true }}
+      />
     </div>
   );
 }
diff --git a/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx b/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx
index 6b843d636..04c4871ca 100644
--- a/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx
+++ b/frontend/app/components/shared/SessionItem/MetaMoreButton/MetaMoreButton.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { Popover } from 'UI';
-import { Button } from 'antd';
+import { Button, Popover } from 'antd'
 import MetaItem from '../MetaItem';
+import { Icon } from 'UI'
 import { useTranslation } from 'react-i18next';
 
 interface Props {
@@ -13,11 +13,15 @@ export default function MetaMoreButton(props: Props) {
   const { t } = useTranslation();
   return (
     <Popover
-      render={() => (
+      content={() => (
         <div
-          className="text-sm grid grid-col gap-2 bg-white"
+          className="text-sm grid grid-col gap-3 bg-white"
           style={{ maxHeight: '200px', overflowY: 'auto' }}
         >
+          <span className="text-base">
+            {list.length - maxLength}{' '}
+            {t(`More ${list.length - maxLength === 1 ? "attribute" : "attributes"}`)}
+          </span>
           {list.slice(maxLength).map(({ label, value }, index) => (
             <MetaItem key={index} label={label} value={value} />
           ))}
@@ -26,8 +30,8 @@ export default function MetaMoreButton(props: Props) {
       placement="bottom"
     >
       <div className="flex items-center">
-        <Button type="link" size={'small'} className={'h-[17px]'}>
-          {t('More')}
+        <Button type="text" size='small' className='text-sm text-neutral-400 px-0'>
+          <Icon name="metadata-more" className="w-4 h-4" color={'black'} size={14} />
         </Button>
       </div>
     </Popover>
diff --git a/frontend/app/components/shared/SessionItem/SessionItem.tsx b/frontend/app/components/shared/SessionItem/SessionItem.tsx
index fcfd2ee7f..bf2a0356b 100644
--- a/frontend/app/components/shared/SessionItem/SessionItem.tsx
+++ b/frontend/app/components/shared/SessionItem/SessionItem.tsx
@@ -10,7 +10,7 @@ import {
   assist as assistRoute,
   isRoute,
   liveSession,
-  sessions as sessionsRoute
+  sessions as sessionsRoute,
 } from 'App/routes';
 import { capitalize } from 'App/utils';
 import { Avatar, CountryFlag, Icon, Label, TextEllipsis } from 'UI';
@@ -76,7 +76,7 @@ interface Props {
 const PREFETCH_STATE = {
   none: 0,
   loading: 1,
-  fetched: 2
+  fetched: 2,
 };
 
 function SessionItem(props: RouteComponentProps & Props) {
@@ -102,7 +102,7 @@ function SessionItem(props: RouteComponentProps & Props) {
     // location,
     isDisabled,
     live: propsLive,
-    isAdd
+    isAdd,
   } = props;
 
   const {
@@ -128,22 +128,25 @@ function SessionItem(props: RouteComponentProps & Props) {
     platform,
     timezone: userTimezone,
     isCallActive,
-    agentIds
+    agentIds,
   } = session;
 
   // Memoize derived values
   const queryParams = useMemo(
     () => Object.fromEntries(new URLSearchParams(location.search)),
-    [location.search]
+    [location.search],
   );
 
   const isMobile = platform !== 'web';
-  const formattedDuration = useMemo(() => durationFormatted(duration), [duration]);
+  const formattedDuration = useMemo(
+    () => durationFormatted(duration),
+    [duration],
+  );
   const hasUserId = userId || userAnonymousId;
 
   const isSessions = useMemo(
     () => isRoute(SESSIONS_ROUTE, location.pathname),
-    [location.pathname]
+    [location.pathname],
   );
 
   const isAssist = useMemo(() => {
@@ -158,13 +161,14 @@ function SessionItem(props: RouteComponentProps & Props) {
 
   const isLastPlayed = lastPlayedSessionId === sessionId;
   const live = sessionLive || propsLive;
-  const isMultiviewDisabled = isDisabled && location.pathname.includes('multiview');
+  const isMultiviewDisabled =
+    isDisabled && location.pathname.includes('multiview');
 
   // Memoize metadata list creation
   const _metaList = useMemo(() => {
     return Object.keys(metadata).map((key) => ({
       label: key,
-      value: metadata[key]
+      value: metadata[key],
     }));
   }, [metadata]);
 
@@ -193,7 +197,14 @@ function SessionItem(props: RouteComponentProps & Props) {
     if (!disableUser && !hasUserFilter && hasUserId) {
       onUserClick(userId, userAnonymousId);
     }
-  }, [disableUser, hasUserFilter, hasUserId, onUserClick, userId, userAnonymousId]);
+  }, [
+    disableUser,
+    hasUserFilter,
+    hasUserId,
+    onUserClick,
+    userId,
+    userAnonymousId,
+  ]);
 
   const handleAddClick = useCallback(() => {
     if (!isDisabled && onClick) {
@@ -206,9 +217,9 @@ function SessionItem(props: RouteComponentProps & Props) {
     const timezoneToUse =
       shownTimezone === 'user' && userTimezone
         ? {
-          label: userTimezone.split('+').join(' +'),
-          value: userTimezone.split(':')[0]
-        }
+            label: userTimezone.split('+').join(' +'),
+            value: userTimezone.split(':')[0],
+          }
         : timezone;
 
     return formatTimeOrDate(startedAt, timezoneToUse);
@@ -229,9 +240,9 @@ function SessionItem(props: RouteComponentProps & Props) {
               startedAt,
               {
                 label: userTimezone.split('+').join(' +'),
-                value: userTimezone.split(':')[0]
+                value: userTimezone.split(':')[0],
               },
-              true
+              true,
             )}{' '}
             {userTimezone}
           </span>
@@ -254,18 +265,23 @@ function SessionItem(props: RouteComponentProps & Props) {
         onClick={(e) => e.stopPropagation()}
         onMouseEnter={handleHover}
       >
-        <div className="flex items-start">
-          <div className={cn('flex items-center w-full')}>
+        <div className="flex items-start ">
+          <div
+            className={cn(
+              'flex flex-col items-start lg:flex-row lg:items-center w-full',
+            )}
+          >
             {!compact && (
               <div
-                className="flex flex-col shrink-0 pr-2 gap-2"
-                style={{ width: '250px' }}
+                className={
+                  'flex flex-col shrink-0 pr-2 gap-2 w-full lg:w-[40%] max-w-[260px]'
+                }
               >
                 <div className="flex items-center pr-2 shrink-0">
                   <div>
                     <Avatar
-                      width="24px"
-                      height="24px"
+                      width={'24px'}
+                      height={'24px'}
                       iconSize={12}
                       isActive={active}
                       seed={userNumericHash}
@@ -292,13 +308,15 @@ function SessionItem(props: RouteComponentProps & Props) {
                   </div>
                 </div>
                 {_metaList.length > 0 && (
-                  <SessionMetaList maxLength={1} metaList={_metaList} />
+                  <SessionMetaList maxLength={3} metaList={_metaList} />
                 )}
               </div>
             )}
             <div
-              style={{ width: compact ? '40%' : '20%', minWidth: '170px' }}
-              className="px-2 sm:flex flex-col justify-between hidden"
+              className={cn(
+                'px-2 flex flex-col justify-between gap-2 mt-3 lg:mt-0',
+                compact ? 'w-[40%]' : 'lg:w-1/5',
+              )}
             >
               <div>
                 <Tooltip
@@ -313,15 +331,15 @@ function SessionItem(props: RouteComponentProps & Props) {
                   />
                 </Tooltip>
               </div>
-              <div className="flex items-center color-gray-medium py-1">
+              <div className="flex items-center text-sm text-neutral-500">
                 {!isAssist && (
                   <>
-                    <div className="color-gray-medium">
+                    <div className="">
                       <span className="mr-1">{eventsCount}</span>
                       <span>
                         {eventsCount === 0 || eventsCount > 1
-                          ? t('Events')
-                          : t('Event')}
+                          ? 'Events'
+                          : 'Event'}
                       </span>
                     </div>
                     <Icon name="circle-fill" size={3} className="mx-4" />
@@ -333,18 +351,18 @@ function SessionItem(props: RouteComponentProps & Props) {
               </div>
             </div>
             <div
-              style={{ width: '30%', maxWidth: '300px' }}
-              className="px-2 flex max-[860px]:hidden flex-col justify-between"
+              style={{ width: '30%' }}
+              className="px-2 flex flex-col justify-between gap-2"
             >
               <div style={{ height: '21px' }}>
                 <CountryFlag
                   userCity={userCity}
                   userState={userState}
                   country={userCountry}
-                  showLabel
+                  showLabel={true}
                 />
               </div>
-              <div className="color-gray-medium flex items-center py-1">
+              <div className="flex items-center text-sm text-neutral-500">
                 {userBrowser && (
                   <span className="capitalize" style={{ maxWidth: '70px' }}>
                     <TextEllipsis
@@ -378,23 +396,23 @@ function SessionItem(props: RouteComponentProps & Props) {
                 </span>
               </div>
             </div>
-            {isSessions && issueTypes.length > 0 && (
+            {isSessions && (
               <div
-                style={{ width: '15%' }}
-                className="self-center px-2 max-[1200px]:hidden flex items-center"
+                style={{ width: '10%' }}
+                className="self-center px-2 flex items-center"
               >
                 <ErrorBars count={issueTypes.length} />
               </div>
             )}
-            {/* </div>
+          </div>
 
-          <div className="flex items-center m-auto"> */}
+          <div className="flex items-center m-auto w-[15%] justify-end">
             <div
-              style={{ width: 'calc(35% - 250px)' }}
               className={cn(
                 stl.playLink,
-                isDisabled ? 'cursor-not-allowed' : 'cursor-pointer',
-                'justify-end flex flex-1',
+                isDisabled
+                  ? 'cursor-not-allowed'
+                  : 'cursor-pointer flex flex-col lg:flex-row',
               )}
               id="play-button"
               data-viewed={viewed}
@@ -412,18 +430,9 @@ function SessionItem(props: RouteComponentProps & Props) {
                 </div>
               )}
               {isSessions && isLastPlayed && (
-                <div className="mr-4 flex-shrink-0 hidden lg:flex">
-                  {/* {isLastPlayed && ( */}
-                  <Label className="bg-gray-lightest p-1 px-2 rounded-lg">
-                    <span
-                      className="color-gray-medium text-xs"
-                      style={{ whiteSpace: 'nowrap' }}
-                    >
-                      {t('LAST PLAYED')}
-                    </span>
-                  </Label>
-                  {/* )} */}
-                </div>
+                <Label className="bg-neutral-100 p-1 py-0 text-xs whitespace-nowrap rounded-xl text-neutral-400 ms-auto">
+                  {t('LAST PLAYED')}
+                </Label>
               )}
               {isAdd ? (
                 <div
diff --git a/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx b/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx
index 5bed299bf..4ceb4f3fe 100644
--- a/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx
+++ b/frontend/app/components/shared/SessionItem/SessionMetaList/SessionMetaList.tsx
@@ -10,10 +10,10 @@ interface Props {
 }
 
 export default function SessionMetaList(props: Props) {
-  const { className = '', metaList, maxLength = 4 } = props;
+  const { className = '', metaList, maxLength = 14 } = props;
 
   return (
-    <div className={cn('text-sm flex items-center gap-2', className)}>
+    <div className={cn('flex items-center flex-wrap gap-1', className)}>
       {metaList.slice(0, maxLength).map(({ label, value }, index) => (
         <React.Fragment key={index}>
           <MetaItem label={label} value={`${value}`} />
diff --git a/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx b/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx
index 09427cac3..d22000d64 100644
--- a/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx
+++ b/frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx
@@ -1,8 +1,8 @@
 import { issues_types, types } from 'Types/session/issue';
 import { Grid, Segmented } from 'antd';
-import { Angry, CircleAlert, Skull, WifiOff } from 'lucide-react';
+import { Angry, CircleAlert, Skull, WifiOff, ChevronDown } from 'lucide-react';
 import { observer } from 'mobx-react-lite';
-import React from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { useStore } from 'App/mstore';
 import { useTranslation } from 'react-i18next';
 
@@ -21,12 +21,74 @@ function SessionTags() {
   const { t } = useTranslation();
   const screens = useBreakpoint();
   const { projectsStore, sessionStore, searchStore } = useStore();
-  const { total } = sessionStore;
+  const total = sessionStore.total;
   const platform = projectsStore.active?.platform || '';
   const activeTab = searchStore.activeTags;
+  const [isMobile, setIsMobile] = useState(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  const dropdownRef = useRef<HTMLDivElement | null>(null);
 
-  return total === 0 &&
-    (activeTab.length === 0 || activeTab[0] === 'all') ? null : (
+  const filteredOptions = issues_types
+    .filter(
+      (tag) =>
+        tag.type !== 'mouse_thrashing' &&
+        (platform === 'web'
+          ? tag.type !== types.TAP_RAGE
+          : tag.type !== types.CLICK_RAGE),
+    )
+    .map((tag) => ({
+      value: tag.type,
+      icon: tagIcons[tag.type],
+      label: t(tag.name),
+    }));
+
+  // Find the currently active option
+  const activeOption =
+    filteredOptions.find((option) => option.value === activeTab[0]) ||
+    filteredOptions[0];
+
+  // Check if on mobile
+  useEffect(() => {
+    const checkIfMobile = () => {
+      setIsMobile(window.innerWidth < 768);
+    };
+
+    checkIfMobile();
+    window.addEventListener('resize', checkIfMobile);
+
+    return () => {
+      window.removeEventListener('resize', checkIfMobile);
+    };
+  }, []);
+
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        dropdownRef.current &&
+        !(dropdownRef.current as HTMLElement).contains(event.target as Node)
+      ) {
+        setIsDropdownOpen(false);
+      }
+    };
+
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+
+  // Handler for dropdown item selection
+  const handleSelectOption = (value: string) => {
+    searchStore.toggleTag(value as any);
+    setIsDropdownOpen(false);
+  };
+
+  if (total === 0 && (activeTab.length === 0 || activeTab[0] === 'all')) {
+    return null;
+  }
+
+  return (
     <div className="flex items-center">
       <Segmented
         vertical={!screens.md}
diff --git a/frontend/app/components/ui/Icons/activity.tsx b/frontend/app/components/ui/Icons/activity.tsx
index 2da5eecbb..b4f142b06 100644
--- a/frontend/app/components/ui/Icons/activity.tsx
+++ b/frontend/app/components/ui/Icons/activity.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Activity(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/analytics.tsx b/frontend/app/components/ui/Icons/analytics.tsx
index 6cbe0d303..e68ea123b 100644
--- a/frontend/app/components/ui/Icons/analytics.tsx
+++ b/frontend/app/components/ui/Icons/analytics.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Analytics(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M80 352H16c-8.84 0-16 7.16-16 16v128c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V368c0-8.84-7.16-16-16-16zM64 480H32v-96h32v96zm496-288h-64c-8.84 0-16 7.16-16 16v288c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V208c0-8.84-7.16-16-16-16zm-16 288h-32V224h32v256zM502.77 88.68C510.12 93.24 518.71 96 528 96c26.51 0 48-21.49 48-48S554.51 0 528 0s-48 21.49-48 48c0 5.51 1.12 10.71 2.83 15.64l-89.6 71.68c-7.35-4.57-15.94-7.33-25.23-7.33s-17.88 2.76-25.23 7.33l-89.6-71.68C254.88 58.72 256 53.51 256 48c0-26.51-21.49-48-48-48s-48 21.49-48 48c0 7.4 1.81 14.32 4.8 20.58L68.58 164.8C62.32 161.81 55.4 160 48 160c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-7.4-1.81-14.32-4.8-20.58l96.22-96.22C193.68 94.19 200.6 96 208 96c9.29 0 17.88-2.76 25.23-7.33l89.6 71.68c-1.71 4.93-2.83 10.14-2.83 15.65 0 26.51 21.49 48 48 48s48-21.49 48-48c0-5.51-1.12-10.72-2.83-15.65l89.6-71.67zM528 32c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zM48 224c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zM208 64c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm160 128c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm-128 0h-64c-8.84 0-16 7.16-16 16v288c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V208c0-8.84-7.16-16-16-16zm-16 288h-32V224h32v256zm176-160h-64c-8.84 0-16 7.16-16 16v160c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V336c0-8.84-7.16-16-16-16zm-16 160h-32V352h32v128z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M80 352H16c-8.84 0-16 7.16-16 16v128c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V368c0-8.84-7.16-16-16-16zM64 480H32v-96h32v96zm496-288h-64c-8.84 0-16 7.16-16 16v288c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V208c0-8.84-7.16-16-16-16zm-16 288h-32V224h32v256zM502.77 88.68C510.12 93.24 518.71 96 528 96c26.51 0 48-21.49 48-48S554.51 0 528 0s-48 21.49-48 48c0 5.51 1.12 10.71 2.83 15.64l-89.6 71.68c-7.35-4.57-15.94-7.33-25.23-7.33s-17.88 2.76-25.23 7.33l-89.6-71.68C254.88 58.72 256 53.51 256 48c0-26.51-21.49-48-48-48s-48 21.49-48 48c0 7.4 1.81 14.32 4.8 20.58L68.58 164.8C62.32 161.81 55.4 160 48 160c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-7.4-1.81-14.32-4.8-20.58l96.22-96.22C193.68 94.19 200.6 96 208 96c9.29 0 17.88-2.76 25.23-7.33l89.6 71.68c-1.71 4.93-2.83 10.14-2.83 15.65 0 26.51 21.49 48 48 48s48-21.49 48-48c0-5.51-1.12-10.72-2.83-15.65l89.6-71.67zM528 32c8.82 0 16 7.18 16 16s-7.18 16-16 16-16-7.18-16-16 7.18-16 16-16zM48 224c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zM208 64c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm160 128c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16zm-128 0h-64c-8.84 0-16 7.16-16 16v288c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V208c0-8.84-7.16-16-16-16zm-16 288h-32V224h32v256zm176-160h-64c-8.84 0-16 7.16-16 16v160c0 8.84 7.16 16 16 16h64c8.84 0 16-7.16 16-16V336c0-8.84-7.16-16-16-16zm-16 160h-32V352h32v128z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/anchor.tsx b/frontend/app/components/ui/Icons/anchor.tsx
index 5d01581d8..69260026c 100644
--- a/frontend/app/components/ui/Icons/anchor.tsx
+++ b/frontend/app/components/ui/Icons/anchor.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Anchor(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_bar_left.tsx b/frontend/app/components/ui/Icons/arrow_bar_left.tsx
index 83d2ee9e5..b7c3a9907 100644
--- a/frontend/app/components/ui/Icons/arrow_bar_left.tsx
+++ b/frontend/app/components/ui/Icons/arrow_bar_left.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_bar_left(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5zM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5zM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_clockwise.tsx b/frontend/app/components/ui/Icons/arrow_clockwise.tsx
index 7d00c3a8b..57667952f 100644
--- a/frontend/app/components/ui/Icons/arrow_clockwise.tsx
+++ b/frontend/app/components/ui/Icons/arrow_clockwise.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Arrow_clockwise(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
-      <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"/><path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_counterclockwise.tsx b/frontend/app/components/ui/Icons/arrow_counterclockwise.tsx
index 0aa129989..8bb25356d 100644
--- a/frontend/app/components/ui/Icons/arrow_counterclockwise.tsx
+++ b/frontend/app/components/ui/Icons/arrow_counterclockwise.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Arrow_counterclockwise(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z" />
-      <path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z"/><path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_down.tsx b/frontend/app/components/ui/Icons/arrow_down.tsx
index a6b50dd13..4df730fad 100644
--- a/frontend/app/components/ui/Icons/arrow_down.tsx
+++ b/frontend/app/components/ui/Icons/arrow_down.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_down(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m443.5 248.5-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L241 419.9V44c0-6.6-5.4-12-12-12h-10c-6.6 0-12 5.4-12 12v375.9L28.5 241.4c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.8 4.8-12.3.1-17z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m443.5 248.5-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L241 419.9V44c0-6.6-5.4-12-12-12h-10c-6.6 0-12 5.4-12 12v375.9L28.5 241.4c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.8 4.8-12.3.1-17z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_down_short.tsx b/frontend/app/components/ui/Icons/arrow_down_short.tsx
index 926130bf4..a74f70e28 100644
--- a/frontend/app/components/ui/Icons/arrow_down_short.tsx
+++ b/frontend/app/components/ui/Icons/arrow_down_short.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_down_short(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_down_up.tsx b/frontend/app/components/ui/Icons/arrow_down_up.tsx
index 7e244a00f..2331f400f 100644
--- a/frontend/app/components/ui/Icons/arrow_down_up.tsx
+++ b/frontend/app/components/ui/Icons/arrow_down_up.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_down_up(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_repeat.tsx b/frontend/app/components/ui/Icons/arrow_repeat.tsx
index c5b7efbdb..e81839fc5 100644
--- a/frontend/app/components/ui/Icons/arrow_repeat.tsx
+++ b/frontend/app/components/ui/Icons/arrow_repeat.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Arrow_repeat(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z" />
-      <path d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/><path d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_right_short.tsx b/frontend/app/components/ui/Icons/arrow_right_short.tsx
index c013800f6..508d6813d 100644
--- a/frontend/app/components/ui/Icons/arrow_right_short.tsx
+++ b/frontend/app/components/ui/Icons/arrow_right_short.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_right_short(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_up.tsx b/frontend/app/components/ui/Icons/arrow_up.tsx
index 4a3e1dda5..8dcef9441 100644
--- a/frontend/app/components/ui/Icons/arrow_up.tsx
+++ b/frontend/app/components/ui/Icons/arrow_up.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_up(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m4.465 263.536 7.07 7.071c4.686 4.686 12.284 4.686 16.971 0L207 92.113V468c0 6.627 5.373 12 12 12h10c6.627 0 12-5.373 12-12V92.113l178.494 178.493c4.686 4.686 12.284 4.686 16.971 0l7.07-7.071c4.686-4.686 4.686-12.284 0-16.97l-211.05-211.05c-4.686-4.686-12.284-4.686-16.971 0L4.465 246.566c-4.687 4.686-4.687 12.284 0 16.97z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m4.465 263.536 7.07 7.071c4.686 4.686 12.284 4.686 16.971 0L207 92.113V468c0 6.627 5.373 12 12 12h10c6.627 0 12-5.373 12-12V92.113l178.494 178.493c4.686 4.686 12.284 4.686 16.971 0l7.07-7.071c4.686-4.686 4.686-12.284 0-16.97l-211.05-211.05c-4.686-4.686-12.284-4.686-16.971 0L4.465 246.566c-4.687 4.686-4.687 12.284 0 16.97z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/arrow_up_short.tsx b/frontend/app/components/ui/Icons/arrow_up_short.tsx
index 72fb6a98e..0123f87a0 100644
--- a/frontend/app/components/ui/Icons/arrow_up_short.tsx
+++ b/frontend/app/components/ui/Icons/arrow_up_short.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Arrow_up_short(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar1.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar1.tsx
index d24743ec9..3a519bf79 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar1.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar1.tsx
@@ -9,25 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar1(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M20.4 12.11c-1.7 4.2-4.1 5-5.9 5.1-2.5.2-2.5-.7-2.5-.7l-2-.1c0 1.3 1.3 2.29 3 2.59v1.3c-1.6-.1-3-1.3-4-2.29-1.4.5-3.8-.5-3-3 .4-1.1 1.2-1.6 1.9-1.8.1.1.2.3.3.4 1 1.5 2.5 2.4 3.9 2.4.6 0 1.2-.2 1.7-.5.5-.4.9-.8 1.1-1.4 2-.7 4.7-1.6 5.5-2z"
-        opacity=".3"
-      />
-      <path
-        d="M12.6 13.91c-.7.5-1.9-.1-2.8-1.4-.8-1.3-1-2.6-.3-3.09.7-.5 1.9.1 2.8 1.39.9 1.2 1 2.6.3 3.1z"
-        opacity=".3"
-      />
-      <path d="M9.26 11.26a1.753 1.193 44.983 1 0 2.48 2.48 1.753 1.193 44.983 1 0-2.48-2.48Z" />
-      <path d="M14.8 11.413c-.2-.599-.5-1.299-.9-1.798-.7-.999-1.6-1.798-2.6-2.098.2-.199 1.2-.517 2.2-.517 2.35 0 3.569.9 4.119 1.493L18 9c0-4-3-8-9-8-5 0-6 3-6 3l.039.003L3 4.021s3 1.998 3 4.994c0 0-3 1.998-3 4.994 0 5.993 4 5.993 4 5.993h1C10.9 22.8 15 23 15 23v-3.996c5.4-.499 7.4-5.694 8-9.989.1.001-4.8 1.399-8.2 2.398zM9.5 9.415c.7-.499 1.9.1 2.8 1.398.9 1.199 1 2.597.3 3.097-.7.499-1.9-.1-2.8-1.398-.8-1.299-1-2.597-.3-3.097zm5 7.791c-2.5.2-2.5-.699-2.5-.699l-2-.1c0 1.299 1.3 2.297 3 2.597v1.299c-1.6-.1-3-1.299-4-2.297-1.4.499-3.8-.499-3-2.997.4-1.099 1.2-1.598 1.9-1.798.1.1.2.3.3.4 1 1.498 2.5 2.397 3.9 2.397.6 0 1.2-.2 1.7-.499.5-.4.9-.799 1.1-1.398 2-.699 4.7-1.598 5.5-1.998-1.7 4.194-4.1 4.994-5.9 5.093z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M20.4 12.11c-1.7 4.2-4.1 5-5.9 5.1-2.5.2-2.5-.7-2.5-.7l-2-.1c0 1.3 1.3 2.29 3 2.59v1.3c-1.6-.1-3-1.3-4-2.29-1.4.5-3.8-.5-3-3 .4-1.1 1.2-1.6 1.9-1.8.1.1.2.3.3.4 1 1.5 2.5 2.4 3.9 2.4.6 0 1.2-.2 1.7-.5.5-.4.9-.8 1.1-1.4 2-.7 4.7-1.6 5.5-2z" opacity=".3"/><path d="M12.6 13.91c-.7.5-1.9-.1-2.8-1.4-.8-1.3-1-2.6-.3-3.09.7-.5 1.9.1 2.8 1.39.9 1.2 1 2.6.3 3.1z" opacity=".3"/><path d="M9.26 11.26a1.753 1.193 44.983 1 0 2.48 2.48 1.753 1.193 44.983 1 0-2.48-2.48Z"/><path d="M14.8 11.413c-.2-.599-.5-1.299-.9-1.798-.7-.999-1.6-1.798-2.6-2.098.2-.199 1.2-.517 2.2-.517 2.35 0 3.569.9 4.119 1.493L18 9c0-4-3-8-9-8-5 0-6 3-6 3l.039.003L3 4.021s3 1.998 3 4.994c0 0-3 1.998-3 4.994 0 5.993 4 5.993 4 5.993h1C10.9 22.8 15 23 15 23v-3.996c5.4-.499 7.4-5.694 8-9.989.1.001-4.8 1.399-8.2 2.398zM9.5 9.415c.7-.499 1.9.1 2.8 1.398.9 1.199 1 2.597.3 3.097-.7.499-1.9-.1-2.8-1.398-.8-1.299-1-2.597-.3-3.097zm5 7.791c-2.5.2-2.5-.699-2.5-.699l-2-.1c0 1.299 1.3 2.297 3 2.597v1.299c-1.6-.1-3-1.299-4-2.297-1.4.499-3.8-.499-3-2.997.4-1.099 1.2-1.598 1.9-1.798.1.1.2.3.3.4 1 1.498 2.5 2.397 3.9 2.397.6 0 1.2-.2 1.7-.499.5-.4.9-.799 1.1-1.398 2-.699 4.7-1.598 5.5-1.998-1.7 4.194-4.1 4.994-5.9 5.093z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar10.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar10.tsx
index 3df636247..097d5e03c 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar10.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar10.tsx
@@ -9,19 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar10(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M7 3v5H5v4h3v10h8V12h3V8h-2V3z" opacity=".3" />
-      <path d="M11 7h2v5h-2z" />
-      <path d="M8 7h8v2H8z" />
-      <path d="M18 7V2H6v5H4v6h3v10h10V13h3V7h-2zm-3 14H9v-5h6v5zm3-10h-3v3H9v-3H6V9h2V4h8v5h2v2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7 3v5H5v4h3v10h8V12h3V8h-2V3z" opacity=".3"/><path d="M11 7h2v5h-2z"/><path d="M8 7h8v2H8z"/><path d="M18 7V2H6v5H4v6h3v10h10V13h3V7h-2zm-3 14H9v-5h6v5zm3-10h-3v3H9v-3H6V9h2V4h8v5h2v2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar11.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar11.tsx
index 985111fd0..0b3138f17 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar11.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar11.tsx
@@ -9,25 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar11(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      baseProfile="basic"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M19.003 11.01c-.112 0-.223-.005-.333-.013-.607-.049-1.323-.388-1.898-1.024-.09.009-.179.027-.272.027-.405 0-.781-.106-1.12-.277a2.288 2.288 0 0 1-1.092.261l-.078-.001c-.654-.016-1.209-.268-1.606-.728-.726-.842-.66-2.111-.597-2.622.052-.441.15-.789.265-1.098A20.32 20.32 0 0 0 11.25 5.5c-1.361 0-2.371.276-3.5.75C7.047 5.891 5.132 4.777 3.875 5c-.278.049-1.625 2.5-.088 4.956a6.463 6.463 0 0 0-.776 3.048c0 4.01 3.388 5.997 8.797 5.997C18.125 19 20 17.01 20 13c0-.729-.149-1.409-.405-2.053a3.542 3.542 0 0 1-.592.063z"
-        opacity=".3"
-      />
-      <ellipse cx="7" cy="12.992" rx="1" ry=".992" />
-      <circle cx="16" cy="13" r="1" />
-      <ellipse cx="11.51" cy="15.011" rx="1.51" ry=".989" />
-      <path d="M14.879 4.033a2.951 2.951 0 0 1 1.535.976c.03-.001.057-.009.086-.009.241 0 .471.038.691.103.065-.007.128-.027.194-.024.018.028.04.069.064.119.155.065.306.14.444.233a4.45 4.45 0 0 1 1.621-.411c-.411-1.463-1.209-1.798-1.553-1.873-1.283-.282-2.307.288-3.082.886zM23 13.992v-2c-.776 0-1.511.002-2.061.004a6.18 6.18 0 0 0-.381-1.37 3.18 3.18 0 0 1-1.555.384c-.112 0-.223-.005-.333-.013-.05-.004-.105-.022-.156-.03.341.681.511 1.335.488 1.997C18.907 15.58 17.971 18 11.808 18c-3.557 0-7.797-.867-7.797-4.997 0-.881.22-1.742.65-2.559.332-.528.796-.88.805-.886A1 1 0 0 0 4.29 7.939a4.847 4.847 0 0 0-.169.134c-.156-.926.077-1.712.26-2.098.841.072 2.122.749 2.645 1.025l.683.353.429-.181c.959-.403 1.855-.672 3.112-.672.201 0 .477.009.778.024.134-.974.452-1.578.821-1.955A25.792 25.792 0 0 0 11.25 4.5c-1.216 0-2.243.191-3.444.65C6.8 4.621 5.09 3.768 3.699 4.016c-.297.052-.739.235-1.169 1.204-.261.588-.97 2.572.125 4.761-.041.094-.086.186-.12.286-.007.021-.003.042-.008.063a7.389 7.389 0 0 0-.438 1.667c-.553-.002-1.3-.004-2.089-.004v2c.786 0 1.531.002 2.082.004.091.694.277 1.336.56 1.919L.939 17.525l1.373 1.453 1.521-1.436C5.478 19.134 8.191 20 11.808 20c3.486 0 5.955-.77 7.454-2.325l1.282 1.282 1.414-1.414-1.569-1.569a7.414 7.414 0 0 0 .528-1.978c.55-.002 1.296-.004 2.083-.004z" />
-      <path d="M19.875 6c-1.051 0-1.664.334-2.149.673a1.496 1.496 0 0 0-.678-.57 1.489 1.489 0 0 0-1.092.003c-.269-.488-.672-.933-1.331-1.106-.483-.127-1.403-.124-1.625 1.75-.015.125-.301 2.196 1.234 2.233.416.01.674-.098 1.183-.449.074.078.155.149.244.21a1.48 1.48 0 0 0 1.515.088c.435.76 1.092 1.129 1.574 1.168.706.057 1.49-.112 1.87-.756C21.5 7.75 20.512 6 19.875 6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" baseProfile="basic" width={ `${ width }px` } height={ `${ height }px` } ><path d="M19.003 11.01c-.112 0-.223-.005-.333-.013-.607-.049-1.323-.388-1.898-1.024-.09.009-.179.027-.272.027-.405 0-.781-.106-1.12-.277a2.288 2.288 0 0 1-1.092.261l-.078-.001c-.654-.016-1.209-.268-1.606-.728-.726-.842-.66-2.111-.597-2.622.052-.441.15-.789.265-1.098A20.32 20.32 0 0 0 11.25 5.5c-1.361 0-2.371.276-3.5.75C7.047 5.891 5.132 4.777 3.875 5c-.278.049-1.625 2.5-.088 4.956a6.463 6.463 0 0 0-.776 3.048c0 4.01 3.388 5.997 8.797 5.997C18.125 19 20 17.01 20 13c0-.729-.149-1.409-.405-2.053a3.542 3.542 0 0 1-.592.063z" opacity=".3"/><ellipse cx="7" cy="12.992" rx="1" ry=".992"/><circle cx="16" cy="13" r="1"/><ellipse cx="11.51" cy="15.011" rx="1.51" ry=".989"/><path d="M14.879 4.033a2.951 2.951 0 0 1 1.535.976c.03-.001.057-.009.086-.009.241 0 .471.038.691.103.065-.007.128-.027.194-.024.018.028.04.069.064.119.155.065.306.14.444.233a4.45 4.45 0 0 1 1.621-.411c-.411-1.463-1.209-1.798-1.553-1.873-1.283-.282-2.307.288-3.082.886zM23 13.992v-2c-.776 0-1.511.002-2.061.004a6.18 6.18 0 0 0-.381-1.37 3.18 3.18 0 0 1-1.555.384c-.112 0-.223-.005-.333-.013-.05-.004-.105-.022-.156-.03.341.681.511 1.335.488 1.997C18.907 15.58 17.971 18 11.808 18c-3.557 0-7.797-.867-7.797-4.997 0-.881.22-1.742.65-2.559.332-.528.796-.88.805-.886A1 1 0 0 0 4.29 7.939a4.847 4.847 0 0 0-.169.134c-.156-.926.077-1.712.26-2.098.841.072 2.122.749 2.645 1.025l.683.353.429-.181c.959-.403 1.855-.672 3.112-.672.201 0 .477.009.778.024.134-.974.452-1.578.821-1.955A25.792 25.792 0 0 0 11.25 4.5c-1.216 0-2.243.191-3.444.65C6.8 4.621 5.09 3.768 3.699 4.016c-.297.052-.739.235-1.169 1.204-.261.588-.97 2.572.125 4.761-.041.094-.086.186-.12.286-.007.021-.003.042-.008.063a7.389 7.389 0 0 0-.438 1.667c-.553-.002-1.3-.004-2.089-.004v2c.786 0 1.531.002 2.082.004.091.694.277 1.336.56 1.919L.939 17.525l1.373 1.453 1.521-1.436C5.478 19.134 8.191 20 11.808 20c3.486 0 5.955-.77 7.454-2.325l1.282 1.282 1.414-1.414-1.569-1.569a7.414 7.414 0 0 0 .528-1.978c.55-.002 1.296-.004 2.083-.004z"/><path d="M19.875 6c-1.051 0-1.664.334-2.149.673a1.496 1.496 0 0 0-.678-.57 1.489 1.489 0 0 0-1.092.003c-.269-.488-.672-.933-1.331-1.106-.483-.127-1.403-.124-1.625 1.75-.015.125-.301 2.196 1.234 2.233.416.01.674-.098 1.183-.449.074.078.155.149.244.21a1.48 1.48 0 0 0 1.515.088c.435.76 1.092 1.129 1.574 1.168.706.057 1.49-.112 1.87-.756C21.5 7.75 20.512 6 19.875 6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar12.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar12.tsx
index 4a4d5e1b6..3a8d199a4 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar12.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar12.tsx
@@ -9,27 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar12(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M20 15c0 .55-.22 1.05-.59 1.41-.36.37-.86.59-1.41.59v5h-7c1.66 0 3-1.34 3-3v-1c0-1.66-1.34-3-3-3v-.04c.16.03.33.04.5.04 1.93 0 3.5-1.57 3.5-3.5S13.43 8 11.5 8c-.74 0-1.44.23-2 .64-.56-.41-1.26-.64-2-.64-.54 0-1.05.12-1.5.35V8c0-3.31 2.69-6 6-6 1.66 0 3.16.67 4.24 1.76A5.944 5.944 0 0 1 18 8v5c.55 0 1.05.22 1.41.59.37.36.59.86.59 1.41z"
-        opacity=".3"
-      />
-      <path d="M19 23h-8v-2h6v-5h1a.959.959 0 0 0 .693-.287c.204-.199.307-.446.307-.713s-.103-.514-.287-.693A.977.977 0 0 0 18 14h-1V8a4.93 4.93 0 0 0-1.464-3.53A4.935 4.935 0 0 0 12 3C9.243 3 7 5.243 7 8H5c0-3.859 3.141-7 7-7 1.879 0 3.637.73 4.95 2.056A6.908 6.908 0 0 1 19 8v4.17a2.92 2.92 0 0 1 1.127.723c.557.541.873 1.295.873 2.107s-.316 1.566-.893 2.127a2.86 2.86 0 0 1-1.107.704V23z" />
-      <path d="M9 16H5a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z" />
-      <path d="M11 23H9.5c-2.206 0-4-1.794-4-4H6 4v-1c0-2.289 2.376-4 4.5-4H11c2.206 0 4 1.794 4 4v1c0 2.206-1.794 4-4 4zm-5-4h1.5c0 1.103.897 2 2 2H11c1.103 0 2-.897 2-2v-1c0-1.103-.897-2-2-2H8.5c-1.125 0-2.5.923-2.5 2v1z" />
-      <path d="M11.5 9a2.5 2.5 0 1 1-2 4 2.5 2.5 0 1 1-2-4c.82 0 1.55.4 2 1.01.45-.61 1.18-1.01 2-1.01m0-2a4.49 4.49 0 0 0-2 .473A4.49 4.49 0 0 0 7.5 7C5.019 7 3 9.019 3 11.5a4.505 4.505 0 0 0 6.5 4.035A4.505 4.505 0 0 0 16 11.5C16 9.019 13.981 7 11.5 7z" />
-      <path d="M11.5 9a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0-1C9.57 8 8 9.57 8 11.5S9.57 15 11.5 15s3.5-1.57 3.5-3.5S13.43 8 11.5 8z" />
-      <circle cx="11" cy="11" r="1" />
-      <circle cx="6" cy="11" r="1" />
-      <path d="M4 19h7v1H4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M20 15c0 .55-.22 1.05-.59 1.41-.36.37-.86.59-1.41.59v5h-7c1.66 0 3-1.34 3-3v-1c0-1.66-1.34-3-3-3v-.04c.16.03.33.04.5.04 1.93 0 3.5-1.57 3.5-3.5S13.43 8 11.5 8c-.74 0-1.44.23-2 .64-.56-.41-1.26-.64-2-.64-.54 0-1.05.12-1.5.35V8c0-3.31 2.69-6 6-6 1.66 0 3.16.67 4.24 1.76A5.944 5.944 0 0 1 18 8v5c.55 0 1.05.22 1.41.59.37.36.59.86.59 1.41z" opacity=".3"/><path d="M19 23h-8v-2h6v-5h1a.959.959 0 0 0 .693-.287c.204-.199.307-.446.307-.713s-.103-.514-.287-.693A.977.977 0 0 0 18 14h-1V8a4.93 4.93 0 0 0-1.464-3.53A4.935 4.935 0 0 0 12 3C9.243 3 7 5.243 7 8H5c0-3.859 3.141-7 7-7 1.879 0 3.637.73 4.95 2.056A6.908 6.908 0 0 1 19 8v4.17a2.92 2.92 0 0 1 1.127.723c.557.541.873 1.295.873 2.107s-.316 1.566-.893 2.127a2.86 2.86 0 0 1-1.107.704V23z"/><path d="M9 16H5a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2z"/><path d="M11 23H9.5c-2.206 0-4-1.794-4-4H6 4v-1c0-2.289 2.376-4 4.5-4H11c2.206 0 4 1.794 4 4v1c0 2.206-1.794 4-4 4zm-5-4h1.5c0 1.103.897 2 2 2H11c1.103 0 2-.897 2-2v-1c0-1.103-.897-2-2-2H8.5c-1.125 0-2.5.923-2.5 2v1z"/><path d="M11.5 9a2.5 2.5 0 1 1-2 4 2.5 2.5 0 1 1-2-4c.82 0 1.55.4 2 1.01.45-.61 1.18-1.01 2-1.01m0-2a4.49 4.49 0 0 0-2 .473A4.49 4.49 0 0 0 7.5 7C5.019 7 3 9.019 3 11.5a4.505 4.505 0 0 0 6.5 4.035A4.505 4.505 0 0 0 16 11.5C16 9.019 13.981 7 11.5 7z"/><path d="M11.5 9a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m0-1C9.57 8 8 9.57 8 11.5S9.57 15 11.5 15s3.5-1.57 3.5-3.5S13.43 8 11.5 8z"/><circle cx="11" cy="11" r="1"/><circle cx="6" cy="11" r="1"/><path d="M4 19h7v1H4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar13.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar13.tsx
index 6f9702e30..985d430ac 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar13.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar13.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar13(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        opacity=".3"
-        d="M12 21h-2l-3-2-1-5-1-3 1-2V5l3-3h6l3 3v4l1 2-1 3-1 5-3 2h-2z"
-      />
-      <path d="M14 22h-4c-.197 0-.391-.059-.555-.168l-3-2a.999.999 0 0 1-.426-.636l-.988-4.939-.979-2.94a1.004 1.004 0 0 1 .054-.764L5 8.764V5c0-.266.105-.52.293-.707l3-3A.996.996 0 0 1 9 1h6c.266 0 .52.105.707.293l3 3A.996.996 0 0 1 19 5v3.764l.895 1.789c.118.237.138.512.054.764l-.979 2.94-.988 4.939c-.052.26-.205.488-.426.636l-3 2A1.011 1.011 0 0 1 14 22zm-3.697-2h3.395l2.403-1.603.919-4.594c.008-.04.019-.081.032-.12l.868-2.606-.814-1.63A.99.99 0 0 1 17 9V5.414L14.586 3H9.414L7 5.414V9c0 .155-.036.309-.105.447l-.814 1.63.868 2.606a.85.85 0 0 1 .032.12l.919 4.594L10.303 20z" />
-      <path d="M13 8h-2c-.409 0-.776-.249-.929-.629l-2-5 1.857-.742L11.677 6h.646l1.748-4.371 1.857.742-2 5A1 1 0 0 1 13 8zM6.757 11.97l.485-1.94 4 1-.485 1.94zM12.757 11.03l4-1 .485 1.94-4 .999zM14.772 21.559 12.67 20h-1.34l-2.103 1.559-1.191-1.607 2.368-1.755A1 1 0 0 1 11 18h2c.215 0 .423.069.596.196l2.368 1.755-1.192 1.608z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path opacity=".3" d="M12 21h-2l-3-2-1-5-1-3 1-2V5l3-3h6l3 3v4l1 2-1 3-1 5-3 2h-2z"/><path d="M14 22h-4c-.197 0-.391-.059-.555-.168l-3-2a.999.999 0 0 1-.426-.636l-.988-4.939-.979-2.94a1.004 1.004 0 0 1 .054-.764L5 8.764V5c0-.266.105-.52.293-.707l3-3A.996.996 0 0 1 9 1h6c.266 0 .52.105.707.293l3 3A.996.996 0 0 1 19 5v3.764l.895 1.789c.118.237.138.512.054.764l-.979 2.94-.988 4.939c-.052.26-.205.488-.426.636l-3 2A1.011 1.011 0 0 1 14 22zm-3.697-2h3.395l2.403-1.603.919-4.594c.008-.04.019-.081.032-.12l.868-2.606-.814-1.63A.99.99 0 0 1 17 9V5.414L14.586 3H9.414L7 5.414V9c0 .155-.036.309-.105.447l-.814 1.63.868 2.606a.85.85 0 0 1 .032.12l.919 4.594L10.303 20z"/><path d="M13 8h-2c-.409 0-.776-.249-.929-.629l-2-5 1.857-.742L11.677 6h.646l1.748-4.371 1.857.742-2 5A1 1 0 0 1 13 8zM6.757 11.97l.485-1.94 4 1-.485 1.94zM12.757 11.03l4-1 .485 1.94-4 .999zM14.772 21.559 12.67 20h-1.34l-2.103 1.559-1.191-1.607 2.368-1.755A1 1 0 0 1 11 18h2c.215 0 .423.069.596.196l2.368 1.755-1.192 1.608z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar14.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar14.tsx
index 4aa91646d..083fd0d41 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar14.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar14.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar14(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M20 21h-2v-6c0-.737.604-1.083 1.091-1.361.497-.285.909-.545.909-.839C20 4.635 13.877 4 12 4s-8 .635-8 8.8c0 .294.412.554.909.839C5.396 13.917 6 14.263 6 15v6H4v-5.578l-.084-.048C3.246 14.991 2 14.277 2 12.8 2 4.828 7.387 2 12 2s10 2.828 10 10.8c0 1.478-1.246 2.191-1.916 2.574l-.084.048V21z" />
-      <circle cx="8.5" cy="10.5" r="2.5" />
-      <circle cx="15.5" cy="10.5" r="2.5" />
-      <path d="M15 18a1 1 0 0 1-1-1v-2c0-1.103-.897-2-2-2s-2 .897-2 2v2a1 1 0 1 1-2 0v-2c0-2.206 1.794-4 4-4s4 1.794 4 4v2a1 1 0 0 1-1 1z" />
-      <circle cx="12" cy="14" r="1" />
-      <path
-        d="M12 3c-4.557 0-9 2.8-9 9.8 0 1.4 2 1.762 2 2.2v6h14v-6c0-.438 2-.8 2-2.2 0-7-4.443-9.8-9-9.8z"
-        opacity=".3"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M20 21h-2v-6c0-.737.604-1.083 1.091-1.361.497-.285.909-.545.909-.839C20 4.635 13.877 4 12 4s-8 .635-8 8.8c0 .294.412.554.909.839C5.396 13.917 6 14.263 6 15v6H4v-5.578l-.084-.048C3.246 14.991 2 14.277 2 12.8 2 4.828 7.387 2 12 2s10 2.828 10 10.8c0 1.478-1.246 2.191-1.916 2.574l-.084.048V21z"/><circle cx="8.5" cy="10.5" r="2.5"/><circle cx="15.5" cy="10.5" r="2.5"/><path d="M15 18a1 1 0 0 1-1-1v-2c0-1.103-.897-2-2-2s-2 .897-2 2v2a1 1 0 1 1-2 0v-2c0-2.206 1.794-4 4-4s4 1.794 4 4v2a1 1 0 0 1-1 1z"/><circle cx="12" cy="14" r="1"/><path d="M12 3c-4.557 0-9 2.8-9 9.8 0 1.4 2 1.762 2 2.2v6h14v-6c0-.438 2-.8 2-2.2 0-7-4.443-9.8-9-9.8z" opacity=".3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar15.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar15.tsx
index ccc0c3e0f..c1f731b99 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar15.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar15.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar15(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M16.8 10.8 15.6 12H14v.9l-.3 2.7-.2.9-.4 3.5h-2.2l-.4-3.5-.2-.8-.3-2.8V12H8.4l-1.2-1.2.2-.4 3.6.6 1-1 1 1 3.6-.6zM16 7H8c0-2.1 2.1-3 4-3s4 .9 4 3z"
-        opacity=".3"
-      />
-      <path d="M11 11h2v2h-2z" />
-      <path d="m18.6 10.1.4-.1V7h-1c0-2.9-2.5-5-6-5S6 4.1 6 7H5v3l.4.1-.6 1.1L7.6 14h.5l1 8h5.8l1-8h.5l2.8-2.8-.6-1.1zM12 4c1.9 0 4 .9 4 3H8c0-2.1 2.1-3 4-3zm3.6 8H14v.9l-.3 2.7-.2.9-.4 3.5h-2.2l-.4-3.5-.2-.8-.3-2.8V12H8.4l-1.2-1.2.2-.4 3.6.6 1-1 1 1 3.6-.6.2.4-1.2 1.2z" />
-      <path d="M9 15h6v2H9z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16.8 10.8 15.6 12H14v.9l-.3 2.7-.2.9-.4 3.5h-2.2l-.4-3.5-.2-.8-.3-2.8V12H8.4l-1.2-1.2.2-.4 3.6.6 1-1 1 1 3.6-.6zM16 7H8c0-2.1 2.1-3 4-3s4 .9 4 3z" opacity=".3"/><path d="M11 11h2v2h-2z"/><path d="m18.6 10.1.4-.1V7h-1c0-2.9-2.5-5-6-5S6 4.1 6 7H5v3l.4.1-.6 1.1L7.6 14h.5l1 8h5.8l1-8h.5l2.8-2.8-.6-1.1zM12 4c1.9 0 4 .9 4 3H8c0-2.1 2.1-3 4-3zm3.6 8H14v.9l-.3 2.7-.2.9-.4 3.5h-2.2l-.4-3.5-.2-.8-.3-2.8V12H8.4l-1.2-1.2.2-.4 3.6.6 1-1 1 1 3.6-.6.2.4-1.2 1.2z"/><path d="M9 15h6v2H9z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar16.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar16.tsx
index 4136964af..f57f24741 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar16.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar16.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar16(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M22 13.68C22 16.6 14.31 20 12 20S2 16.6 2 13.68c0-1.05.99-2.46 2.37-3.84.18.41.45.8.79 1.16 4.22-.88 5.26-4.28 5.26-4.28s-.38-.37-.95-.77C10.51 5.36 11.42 5 12 5s1.49.36 2.53.95c-.57.4-.95.77-.95.77s1.04 3.4 5.26 4.28c.34-.36.61-.75.79-1.16 1.38 1.38 2.37 2.79 2.37 3.84z"
-        opacity=".3"
-      />
-      <path d="M12 21c-2.464 0-11-3.544-11-7.315 0-1.248.896-2.779 2.661-4.551l1.416 1.411C3.546 12.083 3 13.175 3 13.685 3 15.645 9.639 19 12 19s9-3.355 9-5.315c0-.51-.546-1.602-2.077-3.14l1.416-1.411C22.104 10.906 23 12.437 23 13.685 23 17.456 14.464 21 12 21zM14.045 6.817C12.655 6.04 12.098 6 12 6s-.655.04-2.045.817l-.976-1.745C10.249 4.361 11.266 4 12 4s1.751.361 3.021 1.072l-.976 1.745z" />
-      <path d="M5.157 12a.999.999 0 0 1-.723-.309c-1.082-1.131-1.59-2.587-1.393-3.994.189-1.352 1.004-2.511 2.294-3.264 2.599-1.52 5.658 1.45 5.788 1.578a.998.998 0 0 1 .253 1.004c-.05.162-1.268 3.971-6.015 4.964a.995.995 0 0 1-.204.021zM6.97 6.002c-.225 0-.437.047-.625.158-.761.444-1.218 1.071-1.323 1.815-.09.637.093 1.309.505 1.903C7.729 9.235 8.778 7.8 9.209 6.999c-.595-.458-1.484-.997-2.239-.997zM18.843 12c-.068 0-.137-.007-.205-.021-4.747-.993-5.965-4.802-6.015-4.964a.998.998 0 0 1 .253-1.004c.13-.127 3.186-3.098 5.789-1.578 1.289.753 2.104 1.912 2.293 3.264.197 1.407-.311 2.863-1.393 3.994a.997.997 0 0 1-.722.309zm-4.052-5.001c.432.806 1.48 2.237 3.682 2.879.412-.594.595-1.266.505-1.903-.104-.744-.562-1.371-1.321-1.815-.828-.481-2.094.245-2.866.839zm-1.212-.277h.01-.01zM12 17c-3.685 0-6.49-2.116-6.607-2.206l1.215-1.588C6.63 13.223 9.011 15 12 15s5.37-1.777 5.395-1.796l1.213 1.59C18.49 14.884 15.685 17 12 17z" />
-      <circle cx="7" cy="8" r="1" />
-      <circle cx="17" cy="8" r="1" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M22 13.68C22 16.6 14.31 20 12 20S2 16.6 2 13.68c0-1.05.99-2.46 2.37-3.84.18.41.45.8.79 1.16 4.22-.88 5.26-4.28 5.26-4.28s-.38-.37-.95-.77C10.51 5.36 11.42 5 12 5s1.49.36 2.53.95c-.57.4-.95.77-.95.77s1.04 3.4 5.26 4.28c.34-.36.61-.75.79-1.16 1.38 1.38 2.37 2.79 2.37 3.84z" opacity=".3"/><path d="M12 21c-2.464 0-11-3.544-11-7.315 0-1.248.896-2.779 2.661-4.551l1.416 1.411C3.546 12.083 3 13.175 3 13.685 3 15.645 9.639 19 12 19s9-3.355 9-5.315c0-.51-.546-1.602-2.077-3.14l1.416-1.411C22.104 10.906 23 12.437 23 13.685 23 17.456 14.464 21 12 21zM14.045 6.817C12.655 6.04 12.098 6 12 6s-.655.04-2.045.817l-.976-1.745C10.249 4.361 11.266 4 12 4s1.751.361 3.021 1.072l-.976 1.745z"/><path d="M5.157 12a.999.999 0 0 1-.723-.309c-1.082-1.131-1.59-2.587-1.393-3.994.189-1.352 1.004-2.511 2.294-3.264 2.599-1.52 5.658 1.45 5.788 1.578a.998.998 0 0 1 .253 1.004c-.05.162-1.268 3.971-6.015 4.964a.995.995 0 0 1-.204.021zM6.97 6.002c-.225 0-.437.047-.625.158-.761.444-1.218 1.071-1.323 1.815-.09.637.093 1.309.505 1.903C7.729 9.235 8.778 7.8 9.209 6.999c-.595-.458-1.484-.997-2.239-.997zM18.843 12c-.068 0-.137-.007-.205-.021-4.747-.993-5.965-4.802-6.015-4.964a.998.998 0 0 1 .253-1.004c.13-.127 3.186-3.098 5.789-1.578 1.289.753 2.104 1.912 2.293 3.264.197 1.407-.311 2.863-1.393 3.994a.997.997 0 0 1-.722.309zm-4.052-5.001c.432.806 1.48 2.237 3.682 2.879.412-.594.595-1.266.505-1.903-.104-.744-.562-1.371-1.321-1.815-.828-.481-2.094.245-2.866.839zm-1.212-.277h.01-.01zM12 17c-3.685 0-6.49-2.116-6.607-2.206l1.215-1.588C6.63 13.223 9.011 15 12 15s5.37-1.777 5.395-1.796l1.213 1.59C18.49 14.884 15.685 17 12 17z"/><circle cx="7" cy="8" r="1"/><circle cx="17" cy="8" r="1"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar17.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar17.tsx
index fd5b466c9..178552857 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar17.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar17.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar17(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M4 10c0-4.4 3.6-8 8-8s8 3.6 8 8h2v4h-1.1c-.5 4.5-4.3 8-8.9 8s-8.4-3.5-8.9-8H2v-4h2z"
-        opacity=".3"
-      />
-      <path d="M5 11h3v2H5zm11 0h3v2h-3zm-2 2h3v4h-3zm-4-2h4v3h-4zm-3 2h3v4H7zm4-5c0 1.1-.9 2-2 2s-2-.9-2-2h4zm6 0c0 1.1-.9 2-2 2s-2-.9-2-2h4z" />
-      <path d="M12 23c-4.8 0-8.9-3.4-9.8-8H1V9h2.1c.5-4.5 4.3-8 8.9-8 4.6 0 8.4 3.5 8.9 8H23v6h-1.2c-.9 4.6-5 8-9.8 8zM3 13h1v.9C4.4 18 7.9 21 12 21s7.5-3.1 8-7.1V13h1v-2h-2v-1c0-3.9-3.1-7-7-7s-7 3.1-7 7v1H3v2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 10c0-4.4 3.6-8 8-8s8 3.6 8 8h2v4h-1.1c-.5 4.5-4.3 8-8.9 8s-8.4-3.5-8.9-8H2v-4h2z" opacity=".3"/><path d="M5 11h3v2H5zm11 0h3v2h-3zm-2 2h3v4h-3zm-4-2h4v3h-4zm-3 2h3v4H7zm4-5c0 1.1-.9 2-2 2s-2-.9-2-2h4zm6 0c0 1.1-.9 2-2 2s-2-.9-2-2h4z"/><path d="M12 23c-4.8 0-8.9-3.4-9.8-8H1V9h2.1c.5-4.5 4.3-8 8.9-8 4.6 0 8.4 3.5 8.9 8H23v6h-1.2c-.9 4.6-5 8-9.8 8zM3 13h1v.9C4.4 18 7.9 21 12 21s7.5-3.1 8-7.1V13h1v-2h-2v-1c0-3.9-3.1-7-7-7s-7 3.1-7 7v1H3v2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar18.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar18.tsx
index 158569f1e..7de77fc92 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar18.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar18.tsx
@@ -9,41 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar18(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      clipRule="evenodd"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        fill="none"
-        stroke="#27A2A8"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeMiterlimit="10"
-        strokeWidth="2"
-        d="M11.833 8.999c.079.004.643.051.721.057 3.2.255 5.847 2.005 6.56 4.665.974 3.634-2.029 7.601-6.701 8.853-4.672 1.252-9.256-.682-10.23-4.317-.508-1.896-.014-3.792 1.317-5.437"
-      />
-      <path
-        fill="none"
-        stroke="#27A2A8"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeMiterlimit="10"
-        strokeWidth="2"
-        d="M10.138 14c4.063-1.089 7.879-.043 8.516 2.333.636 2.376-2.145 5.189-6.208 6.278-4.063 1.089-7.879.043-8.516-2.333-.636-2.376 2.145-5.189 6.208-6.278zM6 8s1.307 2.685 4.191 2c2.768-.658 1.809-4.388.758-5.755C10.188 3.257 8.635 2 7.138 2c-.737 0-1.873 0-2.857 1.294-2.218 2.919-.817 9.434-.817 9.434M13 8.999c1.244-.019 5.449.207 7.5-.256 2.118-.478 2.5-1.854 2.5-3.049C23 4.738 22.353 3 20 3c-4.238 0-7.955 2.48-8.053 2.53"
-      />
-      <ellipse cx="8" cy="19.5" rx="1" ry="1.5" />
-      <ellipse cx="15" cy="17.5" rx="1" ry="1.5" />
-      <path d="M11.886 19.318c.551-.096 1.05.123 1.114.49.064.367-.33.743-.881.84-.55.096-1.049-.123-1.114-.49-.064-.367.331-.744.881-.84z" />
-      <path
-        d="M4.5 21.287S3 18.899 5.5 16.5c1.988-1.908 4.242-2.772 5-2.931 4-.841 7.503.163 7.691 3.163.912-.674 1.309-1.232 1.309-1.232l-3.782-6s5.834-.166 6.558-2S23 4.479 22.5 3.74C22 3 18.625 2.5 17.812 3c-.812.5-5.865 2.5-5.865 2.5S10 1.5 8.5 2s-4 .5-4.5 1.5-.5 9-.5 9-2.025 2.588-1.513 4.692C2.5 19.295 4.5 21.287 4.5 21.287z"
-        opacity=".3"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" clipRule="evenodd" width={ `${ width }px` } height={ `${ height }px` } ><path fill="none" stroke="#27A2A8" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M11.833 8.999c.079.004.643.051.721.057 3.2.255 5.847 2.005 6.56 4.665.974 3.634-2.029 7.601-6.701 8.853-4.672 1.252-9.256-.682-10.23-4.317-.508-1.896-.014-3.792 1.317-5.437"/><path fill="none" stroke="#27A2A8" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M10.138 14c4.063-1.089 7.879-.043 8.516 2.333.636 2.376-2.145 5.189-6.208 6.278-4.063 1.089-7.879.043-8.516-2.333-.636-2.376 2.145-5.189 6.208-6.278zM6 8s1.307 2.685 4.191 2c2.768-.658 1.809-4.388.758-5.755C10.188 3.257 8.635 2 7.138 2c-.737 0-1.873 0-2.857 1.294-2.218 2.919-.817 9.434-.817 9.434M13 8.999c1.244-.019 5.449.207 7.5-.256 2.118-.478 2.5-1.854 2.5-3.049C23 4.738 22.353 3 20 3c-4.238 0-7.955 2.48-8.053 2.53"/><ellipse cx="8" cy="19.5" rx="1" ry="1.5"/><ellipse cx="15" cy="17.5" rx="1" ry="1.5"/><path d="M11.886 19.318c.551-.096 1.05.123 1.114.49.064.367-.33.743-.881.84-.55.096-1.049-.123-1.114-.49-.064-.367.331-.744.881-.84z"/><path d="M4.5 21.287S3 18.899 5.5 16.5c1.988-1.908 4.242-2.772 5-2.931 4-.841 7.503.163 7.691 3.163.912-.674 1.309-1.232 1.309-1.232l-3.782-6s5.834-.166 6.558-2S23 4.479 22.5 3.74C22 3 18.625 2.5 17.812 3c-.812.5-5.865 2.5-5.865 2.5S10 1.5 8.5 2s-4 .5-4.5 1.5-.5 9-.5 9-2.025 2.588-1.513 4.692C2.5 19.295 4.5 21.287 4.5 21.287z" opacity=".3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar19.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar19.tsx
index b70369afb..288a1f142 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar19.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar19.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar19(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      baseProfile="basic"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M19 13c1.1 0 2 .9 2 2s-.9 2-2 2h-.08A6.965 6.965 0 0 1 12 23.02c-3.53 0-6.44-2.6-6.92-6H5c-1.1 0-2-.9-2-2s.9-2 2-2L19 13zM5 9h14v4H5zM5 9 2.75 7.75l2.125-1.875-1-2.375 3.375.375 2.92-2.855L12 2.875l3.787-1.855.713 3.355L20 3l-1 2.5L22 7l-3 2z"
-        opacity=".35"
-      />
-      <path d="M22.447 6.105 20.27 5.017l.659-1.646a1 1 0 0 0-1.294-1.302l-2.401.943-.468-2.2a1 1 0 0 0-1.418-.69L12.207 1.66 10.883.318A1 1 0 0 0 9.471.306L6.89 2.829l-2.905-.323c-.356-.033-.7.112-.912.396-.212.284-.258.66-.121.986l.721 1.713L2.088 7a1.001 1.001 0 0 0 .176 1.624L4 9.588v2.615a2.996 2.996 0 0 0-2 2.816c0 1.372.926 2.533 2.232 2.888C5.085 21.44 8.299 24.02 12 24.02c3.717 0 6.929-2.581 7.769-6.119A3.006 3.006 0 0 0 22 15a2.996 2.996 0 0 0-2-2.816V9.535l2.555-1.703a1 1 0 0 0-.108-1.727zM13 10v2h-2v-2h2zm5 0v2h-3v-2h3zm-9 2H6v-2h3v2zm9.92 4a1 1 0 0 0-.991.866 5.85 5.85 0 0 1-.723 2.118l-1.758-.879a1 1 0 0 0-.895 1.789l1.349.674A5.987 5.987 0 0 1 12 22.02a5.982 5.982 0 0 1-3.897-1.453l1.344-.672a1 1 0 0 0-.895-1.789l-1.755.878a5.89 5.89 0 0 1-.727-2.103C6 16.387 5.498 16.02 5 16.02a1.001 1.001 0 0 1 0-2L19.001 14c.551.001.999.449.999 1 0 .552-.449 1-1.08 1zm-.223-8H5.259l-.786-.437 1.063-.938a1 1 0 0 0 .26-1.138l-.338-.805 1.682.187c.296.03.595-.07.81-.279l2.208-2.158 1.13 1.146a.998.998 0 0 0 1.152.196l2.636-1.291.446 2.101a1.002 1.002 0 0 0 1.343.723l1.347-.529-.141.353a1 1 0 0 0 .481 1.266l1.459.729L18.697 8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" baseProfile="basic" width={ `${ width }px` } height={ `${ height }px` } ><path d="M19 13c1.1 0 2 .9 2 2s-.9 2-2 2h-.08A6.965 6.965 0 0 1 12 23.02c-3.53 0-6.44-2.6-6.92-6H5c-1.1 0-2-.9-2-2s.9-2 2-2L19 13zM5 9h14v4H5zM5 9 2.75 7.75l2.125-1.875-1-2.375 3.375.375 2.92-2.855L12 2.875l3.787-1.855.713 3.355L20 3l-1 2.5L22 7l-3 2z" opacity=".35"/><path d="M22.447 6.105 20.27 5.017l.659-1.646a1 1 0 0 0-1.294-1.302l-2.401.943-.468-2.2a1 1 0 0 0-1.418-.69L12.207 1.66 10.883.318A1 1 0 0 0 9.471.306L6.89 2.829l-2.905-.323c-.356-.033-.7.112-.912.396-.212.284-.258.66-.121.986l.721 1.713L2.088 7a1.001 1.001 0 0 0 .176 1.624L4 9.588v2.615a2.996 2.996 0 0 0-2 2.816c0 1.372.926 2.533 2.232 2.888C5.085 21.44 8.299 24.02 12 24.02c3.717 0 6.929-2.581 7.769-6.119A3.006 3.006 0 0 0 22 15a2.996 2.996 0 0 0-2-2.816V9.535l2.555-1.703a1 1 0 0 0-.108-1.727zM13 10v2h-2v-2h2zm5 0v2h-3v-2h3zm-9 2H6v-2h3v2zm9.92 4a1 1 0 0 0-.991.866 5.85 5.85 0 0 1-.723 2.118l-1.758-.879a1 1 0 0 0-.895 1.789l1.349.674A5.987 5.987 0 0 1 12 22.02a5.982 5.982 0 0 1-3.897-1.453l1.344-.672a1 1 0 0 0-.895-1.789l-1.755.878a5.89 5.89 0 0 1-.727-2.103C6 16.387 5.498 16.02 5 16.02a1.001 1.001 0 0 1 0-2L19.001 14c.551.001.999.449.999 1 0 .552-.449 1-1.08 1zm-.223-8H5.259l-.786-.437 1.063-.938a1 1 0 0 0 .26-1.138l-.338-.805 1.682.187c.296.03.595-.07.81-.279l2.208-2.158 1.13 1.146a.998.998 0 0 0 1.152.196l2.636-1.291.446 2.101a1.002 1.002 0 0 0 1.343.723l1.347-.529-.141.353a1 1 0 0 0 .481 1.266l1.459.729L18.697 8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar2.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar2.tsx
index edb2c112e..765eb99f1 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar2.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar2.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar2(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M20 19s2.568-1.202 2-4c-.719-3.54-4.405-10-10-10S2.718 11.46 2 15c-.568 2.798 2 4 2 4s1.006-4 8-4 8 4 8 4z"
-        opacity=".3"
-      />
-      <path d="M20 20H4a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2z" />
-      <path d="M20 20a.996.996 0 0 1-.967-.744C18.986 19.095 18.009 16 12 16c-6.038 0-6.996 3.125-7.034 3.258a1.02 1.02 0 0 1-.549.645 1 1 0 0 1-.841.003c-1.135-.53-3.13-2.281-2.556-5.104C1.783 11.035 5.788 4 12 4c6.21 0 10.215 7.035 10.98 10.801.573 2.823-1.422 4.574-2.557 5.104A.975.975 0 0 1 20 20zM12 6c-4.994 0-8.39 6.092-9.02 9.198-.222 1.09.201 1.84.646 2.303C4.551 16.09 6.798 14 12 14c5.2 0 7.447 2.088 8.372 3.499.447-.466.868-1.215.648-2.3C20.389 12.092 16.992 6 12 6z" />
-      <path d="m15.03 13.242-.572-2.286-1.751 1.751a.999.999 0 0 1-1.414 0l-1.751-1.751-.572 2.286-1.94-.484 1-4a1 1 0 0 1 1.677-.465L12 10.586l2.293-2.293a.998.998 0 0 1 1.677.465l1 4-1.94.484z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M20 19s2.568-1.202 2-4c-.719-3.54-4.405-10-10-10S2.718 11.46 2 15c-.568 2.798 2 4 2 4s1.006-4 8-4 8 4 8 4z" opacity=".3"/><path d="M20 20H4a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2z"/><path d="M20 20a.996.996 0 0 1-.967-.744C18.986 19.095 18.009 16 12 16c-6.038 0-6.996 3.125-7.034 3.258a1.02 1.02 0 0 1-.549.645 1 1 0 0 1-.841.003c-1.135-.53-3.13-2.281-2.556-5.104C1.783 11.035 5.788 4 12 4c6.21 0 10.215 7.035 10.98 10.801.573 2.823-1.422 4.574-2.557 5.104A.975.975 0 0 1 20 20zM12 6c-4.994 0-8.39 6.092-9.02 9.198-.222 1.09.201 1.84.646 2.303C4.551 16.09 6.798 14 12 14c5.2 0 7.447 2.088 8.372 3.499.447-.466.868-1.215.648-2.3C20.389 12.092 16.992 6 12 6z"/><path d="m15.03 13.242-.572-2.286-1.751 1.751a.999.999 0 0 1-1.414 0l-1.751-1.751-.572 2.286-1.94-.484 1-4a1 1 0 0 1 1.677-.465L12 10.586l2.293-2.293a.998.998 0 0 1 1.677.465l1 4-1.94.484z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar20.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar20.tsx
index dcdb9d1f2..428e3dd9f 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar20.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar20.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar20(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M21 13c0-1.6-1.2-3.3-3-4 0-2.8-2.1-6-6-6S6 6.2 6 9c-1.8.7-3 2.4-3 4 0 2.7 2.6 4.4 5.2 4.9.5 1.2 2 2.1 3.8 2.1s3.3-.9 3.8-2.1c2.6-.5 5.2-2.2 5.2-4.9z"
-        opacity=".3"
-      />
-      <path d="M12 21c-2.8 0-5-1.8-5-4h2c0 1.1 1.3 2 3 2s3-.9 3-2h2c0 2.2-2.2 4-5 4z" />
-      <path d="m15.1 19-.1-2c2.1-.1 5.1-1.5 5.1-4 0-1.2-1-2.5-2.4-3.1l-.7-.2V9c0-2.1-1.6-5-5-5S7 6.9 7 9v.7l-.6.2C5 10.5 4 11.8 4 13c0 2.5 3 3.9 5.1 4L9 19c-3.4-.2-7-2.4-7-6 0-1.9 1.2-3.7 3-4.7C5.3 5.1 7.9 2 12 2s6.7 3.1 7 6.3c1.8 1 3 2.8 3 4.7 0 3.6-3.6 5.8-6.9 6z" />
-      <path d="M17 13h-2c0-1.1-1.4-2-3-2s-3 .9-3 2H7c0-2.2 2.2-4 5-4s5 1.8 5 4zm-7 4v-2c2.5 0 3.9-.8 4-1.1l2 .1c0 2.1-3.1 3-6 3z" />
-      <path d="M19 7H5l-2 4h18l-2-4zM9 10c-1.1 0-2-.4-2-1s.9-1 2-1 2 .4 2 1-.9 1-2 1zm6 0c-1.1 0-2-.4-2-1s.9-1 2-1 2 .4 2 1-.9 1-2 1z" />
-      <path d="m21.2 4-.8.5c-1.4.8-1.9 2.5-1.1 3.9l.5.6.7-.4c1.4-.8 1.9-2.5 1.1-3.9l-.4-.7z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M21 13c0-1.6-1.2-3.3-3-4 0-2.8-2.1-6-6-6S6 6.2 6 9c-1.8.7-3 2.4-3 4 0 2.7 2.6 4.4 5.2 4.9.5 1.2 2 2.1 3.8 2.1s3.3-.9 3.8-2.1c2.6-.5 5.2-2.2 5.2-4.9z" opacity=".3"/><path d="M12 21c-2.8 0-5-1.8-5-4h2c0 1.1 1.3 2 3 2s3-.9 3-2h2c0 2.2-2.2 4-5 4z"/><path d="m15.1 19-.1-2c2.1-.1 5.1-1.5 5.1-4 0-1.2-1-2.5-2.4-3.1l-.7-.2V9c0-2.1-1.6-5-5-5S7 6.9 7 9v.7l-.6.2C5 10.5 4 11.8 4 13c0 2.5 3 3.9 5.1 4L9 19c-3.4-.2-7-2.4-7-6 0-1.9 1.2-3.7 3-4.7C5.3 5.1 7.9 2 12 2s6.7 3.1 7 6.3c1.8 1 3 2.8 3 4.7 0 3.6-3.6 5.8-6.9 6z"/><path d="M17 13h-2c0-1.1-1.4-2-3-2s-3 .9-3 2H7c0-2.2 2.2-4 5-4s5 1.8 5 4zm-7 4v-2c2.5 0 3.9-.8 4-1.1l2 .1c0 2.1-3.1 3-6 3z"/><path d="M19 7H5l-2 4h18l-2-4zM9 10c-1.1 0-2-.4-2-1s.9-1 2-1 2 .4 2 1-.9 1-2 1zm6 0c-1.1 0-2-.4-2-1s.9-1 2-1 2 .4 2 1-.9 1-2 1z"/><path d="m21.2 4-.8.5c-1.4.8-1.9 2.5-1.1 3.9l.5.6.7-.4c1.4-.8 1.9-2.5 1.1-3.9l-.4-.7z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar21.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar21.tsx
index 328885116..ac3b80d7b 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar21.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar21.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar21(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M11 3a8 8 0 1 0 0 16 8 8 0 1 0 0-16Z" opacity=".3" />
-      <path d="M18.3 20.8 16 18.5c-1 .8-2.4 1.4-5 1.5-2.3.1-4.6-.8-6.3-2.5C3 15.8 2 13.4 2 11c0-5 4-9 9-9 4.3 0 8.1 3.1 8.9 7.2l-2 .4C17.3 6.4 14.3 4 11 4c-3.9 0-7 3.1-7 7 0 1.9.8 3.7 2.1 5.1 1.3 1.3 3 2 4.8 1.9 2.7-.1 3.6-.8 4.3-1.6l.7-.8 3.8 3.7-1.4 1.5z" />
-      <path d="m18.303 13.717 1.414-1.414 1.98 1.98-1.414 1.414zM18.16 4.485a3.1 1.9-74.342 1 0 3.659 1.025 3.1 1.9-74.342 1 0-3.66-1.025Z" />
-      <path d="M6 8a1 1.5 0 1 0 0 3 1 1.5 0 1 0 0-3zm3-2a1 1.5 0 1 0 0 3 1 1.5 0 1 0 0-3zm0 9c-1.7 0-3-.7-3-1.5S7.3 12 9 12v3zm2-4h3c0 3.1-1.3 5-3 5v-5zm2.9-7.4c-.5-.2-.9-.3-1.4-.4-.5-.1-1-.2-1.5-.2-1.1 0-2.2.2-3.1.6C8.2 5 9.4 6 10.9 6c.4 0 .7-.1 1.1-.2.1 2.3 1.7 4.2 3.6 4.2 1.2 0 2.2-.7 2.9-1.8-.8-2.1-2.5-3.8-4.6-4.6zM3.3 13c-1.3 5.5 2 9 4.2 9 1.6 0 3.1-1.1 3.6-2.8-3.2.1-6.6-3.6-7.8-6.2z" />
-      <path d="M18 14h-.5c-1.5-.3-2.5-1.5-2.5-3 0-1.7 1.3-3 3-3h.5c1.5.3 2.5 1.5 2.5 3 0 1.7-1.3 3-3 3zm-.2-2h.2c.6 0 1-.4 1-1 0-.5-.3-.9-.8-1H18c-.6 0-1 .4-1 1 0 .5.3.9.8 1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11 3a8 8 0 1 0 0 16 8 8 0 1 0 0-16Z" opacity=".3"/><path d="M18.3 20.8 16 18.5c-1 .8-2.4 1.4-5 1.5-2.3.1-4.6-.8-6.3-2.5C3 15.8 2 13.4 2 11c0-5 4-9 9-9 4.3 0 8.1 3.1 8.9 7.2l-2 .4C17.3 6.4 14.3 4 11 4c-3.9 0-7 3.1-7 7 0 1.9.8 3.7 2.1 5.1 1.3 1.3 3 2 4.8 1.9 2.7-.1 3.6-.8 4.3-1.6l.7-.8 3.8 3.7-1.4 1.5z"/><path d="m18.303 13.717 1.414-1.414 1.98 1.98-1.414 1.414zM18.16 4.485a3.1 1.9-74.342 1 0 3.659 1.025 3.1 1.9-74.342 1 0-3.66-1.025Z"/><path d="M6 8a1 1.5 0 1 0 0 3 1 1.5 0 1 0 0-3zm3-2a1 1.5 0 1 0 0 3 1 1.5 0 1 0 0-3zm0 9c-1.7 0-3-.7-3-1.5S7.3 12 9 12v3zm2-4h3c0 3.1-1.3 5-3 5v-5zm2.9-7.4c-.5-.2-.9-.3-1.4-.4-.5-.1-1-.2-1.5-.2-1.1 0-2.2.2-3.1.6C8.2 5 9.4 6 10.9 6c.4 0 .7-.1 1.1-.2.1 2.3 1.7 4.2 3.6 4.2 1.2 0 2.2-.7 2.9-1.8-.8-2.1-2.5-3.8-4.6-4.6zM3.3 13c-1.3 5.5 2 9 4.2 9 1.6 0 3.1-1.1 3.6-2.8-3.2.1-6.6-3.6-7.8-6.2z"/><path d="M18 14h-.5c-1.5-.3-2.5-1.5-2.5-3 0-1.7 1.3-3 3-3h.5c1.5.3 2.5 1.5 2.5 3 0 1.7-1.3 3-3 3zm-.2-2h.2c.6 0 1-.4 1-1 0-.5-.3-.9-.8-1H18c-.6 0-1 .4-1 1 0 .5.3.9.8 1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar22.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar22.tsx
index c76019b86..3a3d7ca28 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar22.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar22.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar22(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M17 14c-1.486 1.33-1.872 8-5 8s-2.966-5.888-5-8c-1.173-1.017-3-1.966-3-4 0-.939.905-2.531 2-3 0 0 .916-5 6-5s6 5 6 5c1.017.391 2 2.061 2 3 0 2.112-1.905 2.983-3 4z"
-        opacity=".3"
-      />
-      <path d="M12 23c-2.616 0-3.472-2.656-4.226-5-.417-1.296-.849-2.636-1.495-3.307-.14-.116-.368-.292-.602-.473C4.548 13.344 3 12.144 3 10c0-1.176.882-2.854 2.126-3.661C5.691 4.257 7.671 1 12 1c4.325 0 6.306 3.251 6.872 5.333C20.063 7.111 21 8.848 21 10c0 2.135-1.486 3.283-2.572 4.122-.267.207-.525.405-.747.61l-.014.013c-.346.31-.763 1.575-1.098 2.592C15.739 19.86 14.705 23 12 23zm0-20C7.798 3 7.015 7.01 6.983 7.181l-.096.527-.492.211C5.676 8.228 5 9.442 5 10c0 1.085.719 1.722 1.903 2.64.264.204.52.403.752.604 1.032 1.066 1.536 2.631 2.022 4.143C10.381 19.569 10.922 21 12 21c1.258 0 2.041-2.378 2.67-4.288.491-1.492.916-2.782 1.655-3.45.262-.242.565-.479.88-.722C18.322 11.677 19 11.075 19 10c0-.573-.772-1.841-1.358-2.066l-.524-.201-.101-.552C16.984 7.014 16.166 3 12 3z" />
-      <path d="M12.899 12.129c.469 0-.626-2.112-.939-2.112-.235 0-1.33 2.112-.939 2.112.469 0 .704-.469.939-.469s.627.469.939.469zM8.001 11a1 1 0 0 1-.453-1.892C7.582 9.09 9 8.333 9 7a1 1 0 1 1 2 0c0 2.588-2.448 3.843-2.553 3.895a1.003 1.003 0 0 1-.446.105zM15.997 11a.997.997 0 0 1-.444-.105C15.448 10.843 13 9.588 13 7a1 1 0 1 1 2 0c0 1.342 1.438 2.101 1.453 2.108A1.001 1.001 0 0 1 15.997 11zM12 20a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M17 14c-1.486 1.33-1.872 8-5 8s-2.966-5.888-5-8c-1.173-1.017-3-1.966-3-4 0-.939.905-2.531 2-3 0 0 .916-5 6-5s6 5 6 5c1.017.391 2 2.061 2 3 0 2.112-1.905 2.983-3 4z" opacity=".3"/><path d="M12 23c-2.616 0-3.472-2.656-4.226-5-.417-1.296-.849-2.636-1.495-3.307-.14-.116-.368-.292-.602-.473C4.548 13.344 3 12.144 3 10c0-1.176.882-2.854 2.126-3.661C5.691 4.257 7.671 1 12 1c4.325 0 6.306 3.251 6.872 5.333C20.063 7.111 21 8.848 21 10c0 2.135-1.486 3.283-2.572 4.122-.267.207-.525.405-.747.61l-.014.013c-.346.31-.763 1.575-1.098 2.592C15.739 19.86 14.705 23 12 23zm0-20C7.798 3 7.015 7.01 6.983 7.181l-.096.527-.492.211C5.676 8.228 5 9.442 5 10c0 1.085.719 1.722 1.903 2.64.264.204.52.403.752.604 1.032 1.066 1.536 2.631 2.022 4.143C10.381 19.569 10.922 21 12 21c1.258 0 2.041-2.378 2.67-4.288.491-1.492.916-2.782 1.655-3.45.262-.242.565-.479.88-.722C18.322 11.677 19 11.075 19 10c0-.573-.772-1.841-1.358-2.066l-.524-.201-.101-.552C16.984 7.014 16.166 3 12 3z"/><path d="M12.899 12.129c.469 0-.626-2.112-.939-2.112-.235 0-1.33 2.112-.939 2.112.469 0 .704-.469.939-.469s.627.469.939.469zM8.001 11a1 1 0 0 1-.453-1.892C7.582 9.09 9 8.333 9 7a1 1 0 1 1 2 0c0 2.588-2.448 3.843-2.553 3.895a1.003 1.003 0 0 1-.446.105zM15.997 11a.997.997 0 0 1-.444-.105C15.448 10.843 13 9.588 13 7a1 1 0 1 1 2 0c0 1.342 1.438 2.101 1.453 2.108A1.001 1.001 0 0 1 15.997 11zM12 20a1 1 0 0 1-1-1v-5a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar23.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar23.tsx
index a5c5101f2..4a5e6b15b 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar23.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar23.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar23(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M21 13.695V8a6 6 0 0 0-6-6H9a6 6 0 0 0-6 6v5.977c-.546.314-.852.918-.852 1.613 0 .544.227 1.033.588 1.37L3.777 18l.521.005a.965.965 0 0 0-.254 1.275l.514.844C5.437 21.664 6.327 22 7.735 22H9a2 2 0 0 0 2-2h2a2 2 0 0 0 2 2h1.047c1.457 0 2.378-.348 3.288-1.943l.535-.876c.234-.384.17-.868-.103-1.181l.285.003 1.221-1.219c.374-.349.609-.855.609-1.419 0-.719-.317-1.345-.882-1.67z"
-        opacity=".3"
-      />
-      <path d="M7.267 12.807 11 10H5l.778 2.341a.96.96 0 0 0 1.489.466z" />
-      <path d="M22.946 14.885c0-.912-.345-1.729-.946-2.287V7.632c0-.26-.032-.431-.081-.636C21.43 3.612 18.518 1 15 1H9C5.482 1 2.57 3.612 2.08 6.996c-.048.144-.08.432-.08.592v5.01c-.601.558-.946 1.375-.946 2.287 0 .855.354 1.677.945 2.229l1.027 1.026a2.09 2.09 0 0 0 .278 1.361l.556.911C5.085 22.56 6.503 23 8.255 23H9a3.006 3.006 0 0 0 2.829-2h.343a3.006 3.006 0 0 0 2.829 2h.743c1.751 0 3.169-.44 4.379-2.563l.574-.939c.248-.407.337-.888.277-1.359l1.003-1.002a3.092 3.092 0 0 0 .969-2.252zM9 3h6a5.003 5.003 0 0 1 4.576 3H4.424A5.003 5.003 0 0 1 9 3zM4 8h16v5.095a1 1 0 0 0 .501.866c.283.163.445.5.445.924 0 .304-.122.592-.359.814l-.816.816-5.992-3.082a3.945 3.945 0 0 0-3.559 0l-5.99 3.082-.84-.839a1.082 1.082 0 0 1-.335-.791c0-.424.162-.761.445-.924a1 1 0 0 0 .5-.866V8zm14.4 11.422C17.625 20.78 16.982 21 15.743 21H15c-.551 0-1-.448-1-1a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1c0 .552-.449 1-1 1h-.745c-1.239 0-1.882-.22-2.672-1.604l-.571-.936c-.022-.037-.008-.089-.009-.093l6.132-3.155a1.9 1.9 0 0 1 1.729 0l6.125 3.245-.589.965z" />
-      <path d="M18.222 12.341 19 10h-6l3.733 2.807a.96.96 0 0 0 1.489-.466z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M21 13.695V8a6 6 0 0 0-6-6H9a6 6 0 0 0-6 6v5.977c-.546.314-.852.918-.852 1.613 0 .544.227 1.033.588 1.37L3.777 18l.521.005a.965.965 0 0 0-.254 1.275l.514.844C5.437 21.664 6.327 22 7.735 22H9a2 2 0 0 0 2-2h2a2 2 0 0 0 2 2h1.047c1.457 0 2.378-.348 3.288-1.943l.535-.876c.234-.384.17-.868-.103-1.181l.285.003 1.221-1.219c.374-.349.609-.855.609-1.419 0-.719-.317-1.345-.882-1.67z" opacity=".3"/><path d="M7.267 12.807 11 10H5l.778 2.341a.96.96 0 0 0 1.489.466z"/><path d="M22.946 14.885c0-.912-.345-1.729-.946-2.287V7.632c0-.26-.032-.431-.081-.636C21.43 3.612 18.518 1 15 1H9C5.482 1 2.57 3.612 2.08 6.996c-.048.144-.08.432-.08.592v5.01c-.601.558-.946 1.375-.946 2.287 0 .855.354 1.677.945 2.229l1.027 1.026a2.09 2.09 0 0 0 .278 1.361l.556.911C5.085 22.56 6.503 23 8.255 23H9a3.006 3.006 0 0 0 2.829-2h.343a3.006 3.006 0 0 0 2.829 2h.743c1.751 0 3.169-.44 4.379-2.563l.574-.939c.248-.407.337-.888.277-1.359l1.003-1.002a3.092 3.092 0 0 0 .969-2.252zM9 3h6a5.003 5.003 0 0 1 4.576 3H4.424A5.003 5.003 0 0 1 9 3zM4 8h16v5.095a1 1 0 0 0 .501.866c.283.163.445.5.445.924 0 .304-.122.592-.359.814l-.816.816-5.992-3.082a3.945 3.945 0 0 0-3.559 0l-5.99 3.082-.84-.839a1.082 1.082 0 0 1-.335-.791c0-.424.162-.761.445-.924a1 1 0 0 0 .5-.866V8zm14.4 11.422C17.625 20.78 16.982 21 15.743 21H15c-.551 0-1-.448-1-1a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1c0 .552-.449 1-1 1h-.745c-1.239 0-1.882-.22-2.672-1.604l-.571-.936c-.022-.037-.008-.089-.009-.093l6.132-3.155a1.9 1.9 0 0 1 1.729 0l6.125 3.245-.589.965z"/><path d="M18.222 12.341 19 10h-6l3.733 2.807a.96.96 0 0 0 1.489-.466z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar3.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar3.tsx
index 7bde8428c..ea8a34297 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar3.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar3.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar3(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M18.92 9c-.486-3.391-3.394-6-6.92-6S5.566 5.609 5.08 9h13.84z"
-        opacity=".3"
-      />
-      <path d="M17 8H7c-1.654 0-3 1.346-3 3v1h2v-1c0-.551.449-1 1-1h10c.551 0 1 .449 1 1v1h2v-1c0-1.654-1.346-3-3-3z" />
-      <path d="M20 11.767V10c0-4.411-3.589-8-8-8s-8 3.589-8 8v1.767c-.628.562-1 1.373-1 2.233 0 1.276.823 2.397 1.992 2.816C6.396 20.028 9.043 22 12 22s5.604-1.972 7.008-5.184A3.008 3.008 0 0 0 21 14c0-.86-.372-1.671-1-2.233zm-1.863 3.214-.585.081-.211.551C16.302 18.319 14.256 20 12 20s-4.302-1.681-5.34-4.386l-.211-.551-.585-.081A.999.999 0 0 1 5 14c0-.36.186-.682.498-.861L6 12.851V10c0-3.309 2.691-6 6-6s6 2.691 6 6v2.851l.502.288A.982.982 0 0 1 19 14a.997.997 0 0 1-.863.981z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M18.92 9c-.486-3.391-3.394-6-6.92-6S5.566 5.609 5.08 9h13.84z" opacity=".3"/><path d="M17 8H7c-1.654 0-3 1.346-3 3v1h2v-1c0-.551.449-1 1-1h10c.551 0 1 .449 1 1v1h2v-1c0-1.654-1.346-3-3-3z"/><path d="M20 11.767V10c0-4.411-3.589-8-8-8s-8 3.589-8 8v1.767c-.628.562-1 1.373-1 2.233 0 1.276.823 2.397 1.992 2.816C6.396 20.028 9.043 22 12 22s5.604-1.972 7.008-5.184A3.008 3.008 0 0 0 21 14c0-.86-.372-1.671-1-2.233zm-1.863 3.214-.585.081-.211.551C16.302 18.319 14.256 20 12 20s-4.302-1.681-5.34-4.386l-.211-.551-.585-.081A.999.999 0 0 1 5 14c0-.36.186-.682.498-.861L6 12.851V10c0-3.309 2.691-6 6-6s6 2.691 6 6v2.851l.502.288A.982.982 0 0 1 19 14a.997.997 0 0 1-.863.981z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar4.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar4.tsx
index 9a08fddc7..1cda7c4d5 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar4.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar4.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar4(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M12.155 9.988c-3.715 0-7.423-.692-10.559-2.073l.807-1.83c5.68 2.502 13.401 2.554 19.212.134l.77 1.846c-3.08 1.284-6.658 1.923-10.23 1.923z" />
-      <path d="M19 8h-2V5H7v3H5V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4zM8.333 13h-.322C7.452 13 7 12.491 7 11.863v-.726C7 10.509 7.452 10 8.011 10H9.99c.558 0 1.01.509 1.01 1.137C11 12.166 9.667 13 8.333 13zM15.583 13h.313c.541 0 .979-.509.979-1.137v-.726c0-.628-.438-1.137-.979-1.137h-1.917c-.541 0-.979.509-.979 1.137C13 12.166 14.292 13 15.583 13z" />
-      <path d="M13 22h-2c-1.458 0-3.177-1.295-3.868-2.504l-1.98-3.956c-.699-.891-2.552-3.51-1.712-5.259C3.722 9.697 4.394 9 6 9v2c-.56 0-.746.125-.757.148-.198.411.563 2.01 1.538 3.227l.113.178 2 4C9.268 19.203 10.403 20 11 20h2c.597 0 1.732-.797 2.132-1.496l2.087-4.128c.973-1.221 1.735-2.819 1.538-3.228C18.746 11.125 18.56 11 18 11V9c1.606 0 2.278.697 2.56 1.281.841 1.749-1.013 4.368-1.712 5.259l-1.953 3.907C16.177 20.705 14.458 22 13 22z" />
-      <path d="M15 21H9a1 1 0 0 1-1-1v-2c0-1.227 1.425-3 4-3s4 1.773 4 3v2a1 1 0 0 1-1 1zm-5.001-2H14v-1c-.037-.2-.612-1-2-1s-1.963.8-2.002 1.025l.001.975z" />
-      <path opacity=".3" d="M6 4v4l6 1 6-1V4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.155 9.988c-3.715 0-7.423-.692-10.559-2.073l.807-1.83c5.68 2.502 13.401 2.554 19.212.134l.77 1.846c-3.08 1.284-6.658 1.923-10.23 1.923z"/><path d="M19 8h-2V5H7v3H5V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v4zM8.333 13h-.322C7.452 13 7 12.491 7 11.863v-.726C7 10.509 7.452 10 8.011 10H9.99c.558 0 1.01.509 1.01 1.137C11 12.166 9.667 13 8.333 13zM15.583 13h.313c.541 0 .979-.509.979-1.137v-.726c0-.628-.438-1.137-.979-1.137h-1.917c-.541 0-.979.509-.979 1.137C13 12.166 14.292 13 15.583 13z"/><path d="M13 22h-2c-1.458 0-3.177-1.295-3.868-2.504l-1.98-3.956c-.699-.891-2.552-3.51-1.712-5.259C3.722 9.697 4.394 9 6 9v2c-.56 0-.746.125-.757.148-.198.411.563 2.01 1.538 3.227l.113.178 2 4C9.268 19.203 10.403 20 11 20h2c.597 0 1.732-.797 2.132-1.496l2.087-4.128c.973-1.221 1.735-2.819 1.538-3.228C18.746 11.125 18.56 11 18 11V9c1.606 0 2.278.697 2.56 1.281.841 1.749-1.013 4.368-1.712 5.259l-1.953 3.907C16.177 20.705 14.458 22 13 22z"/><path d="M15 21H9a1 1 0 0 1-1-1v-2c0-1.227 1.425-3 4-3s4 1.773 4 3v2a1 1 0 0 1-1 1zm-5.001-2H14v-1c-.037-.2-.612-1-2-1s-1.963.8-2.002 1.025l.001.975z"/><path opacity=".3" d="M6 4v4l6 1 6-1V4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar5.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar5.tsx
index 3f845fb12..ebd9d80c9 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar5.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar5.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar5(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M12 22h-.2C5.6 20.6 3 14.6 3 12.4V4.2l.5-.3C3.6 3.8 6.5 2 12 2s8.4 1.8 8.5 1.9l.5.3v8.3c0 2.2-2.6 8.2-8.8 9.5H12zM5 5.3v7.1c0 1.4 2.1 6.3 7 7.5 4.9-1.2 7-6.1 7-7.5V5.3C18 4.9 15.7 4 12 4s-6 .9-7 1.3z" />
-      <path
-        d="M12 3c5.3 0 8 1.7 8 1.7v7.7c0 1.9-2.5 7.3-8 8.6-5.5-1.2-8-6.7-8-8.6V4.7S6.8 3 12 3"
-        opacity=".3"
-      />
-      <path d="M7 13c.5.2.9.4 1.4.7.5.3.7.4 1.1.4h.5c.2 0 .2-.1.3-.1.2-.1.5-.4.6-.6l.3-.4h1.6l.3.4c.1.2.4.5.6.6.1.1.2.1.3.1h.5c.4-.1.6-.1 1.1-.4.4-.2.9-.5 1.4-.7-.2.5-.4.9-.7 1.4-.2.4-.7 1-1.2 1.2l-.9.3c-.3 0-.8 0-1.1-.1-.7-.2-1.2-.6-1.6-1.2l.8.4h-.6l.8-.4c-.2.3-.4.5-.7.7-.3.2-.6.4-.9.5-.3.1-.8.2-1.1.1-.3 0-.6-.1-.9-.3-.6-.3-1-.8-1.2-1.2-.3-.5-.5-.9-.7-1.4zm8-4c-.8 0-1.5.4-2 1 .5.6 1.2 1 2 1s1.5-.4 2-1c-.5-.6-1.2-1-2-1zM9 9c-.8 0-1.5.4-2 1 .5.6 1.2 1 2 1s1.5-.4 2-1c-.5-.6-1.2-1-2-1zm2 9h2v2.8h-2zm3-12a1 1 0 1 0 0 2 1 1 0 1 0 0-2z" />
-      <path d="M13.3 6.3c.4-.3.8-.5 1.3-.6.4-.2.9-.3 1.4-.2.5.1.9.3 1.2.6.3.3.6.6.8.9-.3-.2-.7-.4-1-.5-.3-.1-.7-.1-1 0-.3.1-.5.3-.7.5-.2.2-.5.5-.6.7l-1.4-1.4zM10 6a1 1 0 1 0 0 2 1 1 0 1 0 0-2z" />
-      <path d="M9.3 7.7c-.1-.2-.4-.5-.6-.7-.2-.2-.4-.4-.7-.5-.3-.1-.6-.1-1 0-.3.1-.7.3-1 .5.2-.3.5-.6.8-.9.3-.3.7-.5 1.2-.6.5-.1 1 0 1.4.2.4.2.8.3 1.3.6L9.3 7.7z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12 22h-.2C5.6 20.6 3 14.6 3 12.4V4.2l.5-.3C3.6 3.8 6.5 2 12 2s8.4 1.8 8.5 1.9l.5.3v8.3c0 2.2-2.6 8.2-8.8 9.5H12zM5 5.3v7.1c0 1.4 2.1 6.3 7 7.5 4.9-1.2 7-6.1 7-7.5V5.3C18 4.9 15.7 4 12 4s-6 .9-7 1.3z"/><path d="M12 3c5.3 0 8 1.7 8 1.7v7.7c0 1.9-2.5 7.3-8 8.6-5.5-1.2-8-6.7-8-8.6V4.7S6.8 3 12 3" opacity=".3"/><path d="M7 13c.5.2.9.4 1.4.7.5.3.7.4 1.1.4h.5c.2 0 .2-.1.3-.1.2-.1.5-.4.6-.6l.3-.4h1.6l.3.4c.1.2.4.5.6.6.1.1.2.1.3.1h.5c.4-.1.6-.1 1.1-.4.4-.2.9-.5 1.4-.7-.2.5-.4.9-.7 1.4-.2.4-.7 1-1.2 1.2l-.9.3c-.3 0-.8 0-1.1-.1-.7-.2-1.2-.6-1.6-1.2l.8.4h-.6l.8-.4c-.2.3-.4.5-.7.7-.3.2-.6.4-.9.5-.3.1-.8.2-1.1.1-.3 0-.6-.1-.9-.3-.6-.3-1-.8-1.2-1.2-.3-.5-.5-.9-.7-1.4zm8-4c-.8 0-1.5.4-2 1 .5.6 1.2 1 2 1s1.5-.4 2-1c-.5-.6-1.2-1-2-1zM9 9c-.8 0-1.5.4-2 1 .5.6 1.2 1 2 1s1.5-.4 2-1c-.5-.6-1.2-1-2-1zm2 9h2v2.8h-2zm3-12a1 1 0 1 0 0 2 1 1 0 1 0 0-2z"/><path d="M13.3 6.3c.4-.3.8-.5 1.3-.6.4-.2.9-.3 1.4-.2.5.1.9.3 1.2.6.3.3.6.6.8.9-.3-.2-.7-.4-1-.5-.3-.1-.7-.1-1 0-.3.1-.5.3-.7.5-.2.2-.5.5-.6.7l-1.4-1.4zM10 6a1 1 0 1 0 0 2 1 1 0 1 0 0-2z"/><path d="M9.3 7.7c-.1-.2-.4-.5-.6-.7-.2-.2-.4-.4-.7-.5-.3-.1-.6-.1-1 0-.3.1-.7.3-1 .5.2-.3.5-.6.8-.9.3-.3.7-.5 1.2-.6.5-.1 1 0 1.4.2.4.2.8.3 1.3.6L9.3 7.7z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar6.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar6.tsx
index efb4951f6..7973611e3 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar6.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar6.tsx
@@ -9,18 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar6(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M12 22c-4.4 0-8-3.6-8-8v-2.3h2V14c0 3.3 2.7 6 6 6s6-2.7 6-6v-2.3h2V14c0 4.4-3.6 8-8 8z" />
-      <path d="M15 20h7C22 5 16 2 12 2S2 5 2 20h7s-3-2-3-6v-1c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v1c0 4-3 6-3 6zm1-11H8c-1 0-2 .4-2.7 1 1.8-5.3 5-6 6.7-6s4.9.8 6.7 6C18 9.4 17 9 16 9z" />
-      <path d="M19 10H5c0-3.9 3.1-7 7-7s7 3.1 7 7z" opacity=".3" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12 22c-4.4 0-8-3.6-8-8v-2.3h2V14c0 3.3 2.7 6 6 6s6-2.7 6-6v-2.3h2V14c0 4.4-3.6 8-8 8z"/><path d="M15 20h7C22 5 16 2 12 2S2 5 2 20h7s-3-2-3-6v-1c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v1c0 4-3 6-3 6zm1-11H8c-1 0-2 .4-2.7 1 1.8-5.3 5-6 6.7-6s4.9.8 6.7 6C18 9.4 17 9 16 9z"/><path d="M19 10H5c0-3.9 3.1-7 7-7s7 3.1 7 7z" opacity=".3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar7.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar7.tsx
index 93bfee64b..b1127a384 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar7.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar7.tsx
@@ -9,45 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar7(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="5" cy="8" r="2" opacity=".35" />
-      <circle cx="19" cy="8" r="2" opacity=".35" />
-      <path opacity=".35" d="M10 3h4v4h-4z" />
-      <path
-        d="M17.986 12.27c.004-.09.014-.179.014-.27 0-2.612-1.67-5.176-4-6h-4c-2.33.824-4 3.388-4 6 0 .091.01.18.014.27A1.99 1.99 0 0 0 5 14c0 2 2 2.71 2 2.71v1.79c0 1.381 2.239 2.5 5 2.5s5-1.119 5-2.5v-1.793S19 16 19 14a1.99 1.99 0 0 0-1.014-1.73z"
-        opacity=".35"
-      />
-      <path d="M12 22c-3.421 0-6-1.505-6-3.5v-1.173C5.209 16.858 4 15.84 4 14c0-.855.373-1.665 1.004-2.229.094-2.983 2.026-5.782 4.663-6.714L9.828 5h4.344l.161.057c2.637.933 4.569 3.731 4.663 6.715A2.994 2.994 0 0 1 20 14c0 1.84-1.209 2.857-2 3.325V18.5c0 1.995-2.579 3.5-6 3.5zM10.182 7C8.357 7.73 7 9.848 7 12l.039.835-.528.303A.985.985 0 0 0 6 14c0 1.253 1.288 1.75 1.343 1.771l.648.243L8 18.5c0 .529 1.519 1.5 4 1.5s4-.971 4-1.5V16l.667-.235C16.714 15.747 18 15.252 18 14c0-.357-.19-.68-.511-.862l-.528-.303L17 12c0-2.152-1.357-4.27-3.182-5h-3.636z" />
-      <circle
-        cx="5"
-        cy="8"
-        r="2"
-        fill="none"
-        stroke="#27A2A8"
-        strokeMiterlimit="10"
-        strokeWidth="2"
-      />
-      <circle
-        cx="19"
-        cy="8"
-        r="2"
-        fill="none"
-        stroke="#27A2A8"
-        strokeMiterlimit="10"
-        strokeWidth="2"
-      />
-      <path d="M8 5h8v2H8z" />
-      <path d="M15 7h-2V4h-2v3H9V2h6z" />
-      <ellipse cx="12" cy="13" rx="2" ry="1" />
-      <path d="M9.807 11.122a.488.488 0 0 1-.303.878.497.497 0 0 1-.496-.496c0-.156.076-.289.189-.38-.69.051-1.15.246-1.185.262-.004.039-.012.075-.012.114a1.5 1.5 0 0 0 3 0c0-.038-.008-.074-.011-.112a4.087 4.087 0 0 0-1.182-.266zM14.193 11.122a.488.488 0 0 0 .304.878.496.496 0 0 0 .496-.496.486.486 0 0 0-.189-.38c.69.051 1.15.246 1.185.262.003.039.011.075.011.114a1.5 1.5 0 0 1-3 0c0-.038.008-.074.011-.112a4.087 4.087 0 0 1 1.182-.266zM8 9v1h3s-1-1-3-1zM16 9v1h-3s1-1 3-1zM8 16s.016 1.234 1 1.759V17h1v1h1v-1h2v1h1v-1h1v.759c.984-.525 1-1.759 1-1.759H8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="5" cy="8" r="2" opacity=".35"/><circle cx="19" cy="8" r="2" opacity=".35"/><path opacity=".35" d="M10 3h4v4h-4z"/><path d="M17.986 12.27c.004-.09.014-.179.014-.27 0-2.612-1.67-5.176-4-6h-4c-2.33.824-4 3.388-4 6 0 .091.01.18.014.27A1.99 1.99 0 0 0 5 14c0 2 2 2.71 2 2.71v1.79c0 1.381 2.239 2.5 5 2.5s5-1.119 5-2.5v-1.793S19 16 19 14a1.99 1.99 0 0 0-1.014-1.73z" opacity=".35"/><path d="M12 22c-3.421 0-6-1.505-6-3.5v-1.173C5.209 16.858 4 15.84 4 14c0-.855.373-1.665 1.004-2.229.094-2.983 2.026-5.782 4.663-6.714L9.828 5h4.344l.161.057c2.637.933 4.569 3.731 4.663 6.715A2.994 2.994 0 0 1 20 14c0 1.84-1.209 2.857-2 3.325V18.5c0 1.995-2.579 3.5-6 3.5zM10.182 7C8.357 7.73 7 9.848 7 12l.039.835-.528.303A.985.985 0 0 0 6 14c0 1.253 1.288 1.75 1.343 1.771l.648.243L8 18.5c0 .529 1.519 1.5 4 1.5s4-.971 4-1.5V16l.667-.235C16.714 15.747 18 15.252 18 14c0-.357-.19-.68-.511-.862l-.528-.303L17 12c0-2.152-1.357-4.27-3.182-5h-3.636z"/><circle cx="5" cy="8" r="2" fill="none" stroke="#27A2A8" strokeMiterlimit="10" strokeWidth="2"/><circle cx="19" cy="8" r="2" fill="none" stroke="#27A2A8" strokeMiterlimit="10" strokeWidth="2"/><path d="M8 5h8v2H8z"/><path d="M15 7h-2V4h-2v3H9V2h6z"/><ellipse cx="12" cy="13" rx="2" ry="1"/><path d="M9.807 11.122a.488.488 0 0 1-.303.878.497.497 0 0 1-.496-.496c0-.156.076-.289.189-.38-.69.051-1.15.246-1.185.262-.004.039-.012.075-.012.114a1.5 1.5 0 0 0 3 0c0-.038-.008-.074-.011-.112a4.087 4.087 0 0 0-1.182-.266zM14.193 11.122a.488.488 0 0 0 .304.878.496.496 0 0 0 .496-.496.486.486 0 0 0-.189-.38c.69.051 1.15.246 1.185.262.003.039.011.075.011.114a1.5 1.5 0 0 1-3 0c0-.038.008-.074.011-.112a4.087 4.087 0 0 1 1.182-.266zM8 9v1h3s-1-1-3-1zM16 9v1h-3s1-1 3-1zM8 16s.016 1.234 1 1.759V17h1v1h1v-1h2v1h1v-1h1v.759c.984-.525 1-1.759 1-1.759H8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar8.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar8.tsx
index 9e9074746..0e1ffd7c2 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar8.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar8.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar8(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M18 10v11h-.13c-.44-1.73-2.01-3-3.87-3h-4c-1.86 0-3.43 1.27-3.87 3H6V10c0-3.31 2.69-6 6-6 1.66 0 3.16.67 4.24 1.76A5.944 5.944 0 0 1 18 10z"
-        opacity=".3"
-      />
-      <path d="M17 14.235h2V22h-2zM16.996 9.8C16.89 7.108 14.695 5 12 5S7.11 7.108 7.004 9.799l-1.998-.078C5.154 5.952 8.227 3 12 3s6.846 2.952 6.994 6.722l-1.998.078zM5 14.234h2V22H5z" />
-      <path d="M16 16H8c-2.206 0-4-1.794-4-4s1.794-4 4-4h8c2.206 0 4 1.794 4 4s-1.794 4-4 4zm-8-6c-1.103 0-2 .897-2 2s.897 2 2 2h8c1.103 0 2-.897 2-2s-.897-2-2-2H8z" />
-      <path d="M8 11h2v2H8zM14 11h2v2h-2zM11 0h2v4h-2z" />
-      <path d="M14 5h-4V4a2 2 0 1 1 4 0v1zM19 22h-2c0-1.654-1.346-3-3-3h-4c-1.654 0-3 1.346-3 3H5c0-2.757 2.243-5 5-5h4c2.757 0 5 2.243 5 5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M18 10v11h-.13c-.44-1.73-2.01-3-3.87-3h-4c-1.86 0-3.43 1.27-3.87 3H6V10c0-3.31 2.69-6 6-6 1.66 0 3.16.67 4.24 1.76A5.944 5.944 0 0 1 18 10z" opacity=".3"/><path d="M17 14.235h2V22h-2zM16.996 9.8C16.89 7.108 14.695 5 12 5S7.11 7.108 7.004 9.799l-1.998-.078C5.154 5.952 8.227 3 12 3s6.846 2.952 6.994 6.722l-1.998.078zM5 14.234h2V22H5z"/><path d="M16 16H8c-2.206 0-4-1.794-4-4s1.794-4 4-4h8c2.206 0 4 1.794 4 4s-1.794 4-4 4zm-8-6c-1.103 0-2 .897-2 2s.897 2 2 2h8c1.103 0 2-.897 2-2s-.897-2-2-2H8z"/><path d="M8 11h2v2H8zM14 11h2v2h-2zM11 0h2v4h-2z"/><path d="M14 5h-4V4a2 2 0 1 1 4 0v1zM19 22h-2c0-1.654-1.346-3-3-3h-4c-1.654 0-3 1.346-3 3H5c0-2.757 2.243-5 5-5h4c2.757 0 5 2.243 5 5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/avatar_icn_avatar9.tsx b/frontend/app/components/ui/Icons/avatar_icn_avatar9.tsx
index 564551914..17e4edcfc 100644
--- a/frontend/app/components/ui/Icons/avatar_icn_avatar9.tsx
+++ b/frontend/app/components/ui/Icons/avatar_icn_avatar9.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Avatar_icn_avatar9(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="#27A2A8"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M11.5 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5Z" opacity=".3" />
-      <path d="M11.5 9C9.6 9 8 7.4 8 5.5S9.6 2 11.5 2 15 3.6 15 5.5 13.4 9 11.5 9zm0-5c-.8 0-1.5.7-1.5 1.5S10.7 7 11.5 7 13 6.3 13 5.5 12.3 4 11.5 4zM16 23c-4.5 0-7.6-2.1-8.8-6H4v-4c0-1.7 1.3-3 3-3h9c1.7 0 3 1.3 3 3v4h-2.9c.1 1.1.8 2.6 3.3 3.6l2.1.8-2.1 1c-1 .5-2.4.6-3.4.6zM6 15h2.8l.2.8c.8 3.5 3.1 5.2 7 5.2h.1c-1.2-1.1-2.2-2.7-2.1-5v-1h3v-2c0-.6-.4-1-1-1H7c-.6 0-1 .4-1 1v2z" />
-      <path
-        d="M5 16v-3c0-1.1.9-2 2-2h9c1.1 0 2 .9 2 2v3h-3c0 1 0 4 4 5.5-1 .5-2.5.5-3 .5-4.3 0-7.1-2-8-6H5z"
-        opacity=".3"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="#27A2A8" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.5 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 1 0 0-5Z" opacity=".3"/><path d="M11.5 9C9.6 9 8 7.4 8 5.5S9.6 2 11.5 2 15 3.6 15 5.5 13.4 9 11.5 9zm0-5c-.8 0-1.5.7-1.5 1.5S10.7 7 11.5 7 13 6.3 13 5.5 12.3 4 11.5 4zM16 23c-4.5 0-7.6-2.1-8.8-6H4v-4c0-1.7 1.3-3 3-3h9c1.7 0 3 1.3 3 3v4h-2.9c.1 1.1.8 2.6 3.3 3.6l2.1.8-2.1 1c-1 .5-2.4.6-3.4.6zM6 15h2.8l.2.8c.8 3.5 3.1 5.2 7 5.2h.1c-1.2-1.1-2.2-2.7-2.1-5v-1h3v-2c0-.6-.4-1-1-1H7c-.6 0-1 .4-1 1v2z"/><path d="M5 16v-3c0-1.1.9-2 2-2h9c1.1 0 2 .9 2 2v3h-3c0 1 0 4 4 5.5-1 .5-2.5.5-3 .5-4.3 0-7.1-2-8-6H5z" opacity=".3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/ban.tsx b/frontend/app/components/ui/Icons/ban.tsx
index 3ffb85674..50d308aef 100644
--- a/frontend/app/components/ui/Icons/ban.tsx
+++ b/frontend/app/components/ui/Icons/ban.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Ban(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zM103.265 408.735c-80.622-80.622-84.149-208.957-10.9-293.743l304.644 304.643c-84.804 73.264-213.138 69.706-293.744-10.9zm316.37-11.727L114.992 92.365c84.804-73.263 213.137-69.705 293.743 10.9 80.622 80.621 84.149 208.957 10.9 293.743z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zM103.265 408.735c-80.622-80.622-84.149-208.957-10.9-293.743l304.644 304.643c-84.804 73.264-213.138 69.706-293.744-10.9zm316.37-11.727L114.992 92.365c84.804-73.263 213.137-69.705 293.743 10.9 80.622 80.621 84.149 208.957 10.9 293.743z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bar_chart_line.tsx b/frontend/app/components/ui/Icons/bar_chart_line.tsx
index 7d46fa9ef..521225942 100644
--- a/frontend/app/components/ui/Icons/bar_chart_line.tsx
+++ b/frontend/app/components/ui/Icons/bar_chart_line.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Bar_chart_line(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bar_pencil.tsx b/frontend/app/components/ui/Icons/bar_pencil.tsx
index 35bff3c4d..db4024f65 100644
--- a/frontend/app/components/ui/Icons/bar_pencil.tsx
+++ b/frontend/app/components/ui/Icons/bar_pencil.tsx
@@ -9,32 +9,9 @@ interface Props {
 }
 
 function Bar_pencil(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 59 66" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path d="M40.27 15.736a3.59 3.59 0 0 1 3.591-3.59h7.18a3.59 3.59 0 0 1 3.591 3.59V58.82h1.795a1.796 1.796 0 0 1 0 3.59H2.573a1.795 1.795 0 1 1 0-3.59h1.795V48.05a3.59 3.59 0 0 1 3.59-3.59h7.18a3.59 3.59 0 0 1 3.591 3.59v10.77h3.59V33.687a3.59 3.59 0 0 1 3.59-3.59h7.181a3.59 3.59 0 0 1 3.59 3.59V58.82h3.59V15.736Zm3.591 43.083h7.18V15.736h-7.18V58.82Zm-10.77 0V33.687H25.91V58.82h7.18Zm-17.952 0V48.05h-7.18v10.77h7.18Z" />
-      </g>
-      <g>
-        <path d="M28.613.335a1.145 1.145 0 0 1 1.622 0L37.11 7.21a1.146 1.146 0 0 1 0 1.622L14.193 31.749c-.11.109-.24.195-.385.252L2.35 36.584a1.147 1.147 0 0 1-1.49-1.49l4.584-11.458c.057-.144.143-.275.252-.385L28.613.335ZM26.46 5.729l5.254 5.255 2.963-2.963-5.254-5.255-2.963 2.963Zm3.634 6.875L24.84 7.35 9.945 22.245v.672h1.145a1.146 1.146 0 0 1 1.146 1.145v1.146h1.146a1.146 1.146 0 0 1 1.146 1.146V27.5h.671l14.896-14.896ZM7.726 24.464l-.243.242-3.501 8.757 8.756-3.502.243-.243a1.146 1.146 0 0 1-.745-1.072V27.5H11.09a1.146 1.146 0 0 1-1.145-1.146v-1.146H8.799a1.146 1.146 0 0 1-1.073-.744Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(.778 8.556)"
-            d="M0 0h57.444v57.444H0z"
-          />
-        </clipPath>
-        <clipPath id="b">
-          <path
-            fill="#fff"
-            transform="translate(.778)"
-            d="M0 0h36.667v36.667H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 59 66" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M40.27 15.736a3.59 3.59 0 0 1 3.591-3.59h7.18a3.59 3.59 0 0 1 3.591 3.59V58.82h1.795a1.796 1.796 0 0 1 0 3.59H2.573a1.795 1.795 0 1 1 0-3.59h1.795V48.05a3.59 3.59 0 0 1 3.59-3.59h7.18a3.59 3.59 0 0 1 3.591 3.59v10.77h3.59V33.687a3.59 3.59 0 0 1 3.59-3.59h7.181a3.59 3.59 0 0 1 3.59 3.59V58.82h3.59V15.736Zm3.591 43.083h7.18V15.736h-7.18V58.82Zm-10.77 0V33.687H25.91V58.82h7.18Zm-17.952 0V48.05h-7.18v10.77h7.18Z"/></g><g><path d="M28.613.335a1.145 1.145 0 0 1 1.622 0L37.11 7.21a1.146 1.146 0 0 1 0 1.622L14.193 31.749c-.11.109-.24.195-.385.252L2.35 36.584a1.147 1.147 0 0 1-1.49-1.49l4.584-11.458c.057-.144.143-.275.252-.385L28.613.335ZM26.46 5.729l5.254 5.255 2.963-2.963-5.254-5.255-2.963 2.963Zm3.634 6.875L24.84 7.35 9.945 22.245v.672h1.145a1.146 1.146 0 0 1 1.146 1.145v1.146h1.146a1.146 1.146 0 0 1 1.146 1.146V27.5h.671l14.896-14.896ZM7.726 24.464l-.243.242-3.501 8.757 8.756-3.502.243-.243a1.146 1.146 0 0 1-.745-1.072V27.5H11.09a1.146 1.146 0 0 1-1.145-1.146v-1.146H8.799a1.146 1.146 0 0 1-1.073-.744Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(.778 8.556)" d="M0 0h57.444v57.444H0z"/></clipPath><clipPath id="b"><path fill="#fff" transform="translate(.778)" d="M0 0h36.667v36.667H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/battery.tsx b/frontend/app/components/ui/Icons/battery.tsx
index 2fed9f00c..466df8c15 100644
--- a/frontend/app/components/ui/Icons/battery.tsx
+++ b/frontend/app/components/ui/Icons/battery.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Battery(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm2-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2zm14 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm2-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2zm14 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/battery_charging.tsx b/frontend/app/components/ui/Icons/battery_charging.tsx
index faa8c8859..01e82b5fc 100644
--- a/frontend/app/components/ui/Icons/battery_charging.tsx
+++ b/frontend/app/components/ui/Icons/battery_charging.tsx
@@ -9,14 +9,9 @@ interface Props {
 }
 
 function Battery_charging(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M9.585 2.568a.5.5 0 0 1 .226.58L8.677 6.832h1.99a.5.5 0 0 1 .364.843l-5.334 5.667a.5.5 0 0 1-.842-.49L5.99 9.167H4a.5.5 0 0 1-.364-.843l5.333-5.667a.5.5 0 0 1 .616-.09z" />
-      <path d="M2 4h4.332l-.94 1H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.38l-.308 1H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z" />
-      <path d="M2 6h2.45L2.908 7.639A1.5 1.5 0 0 0 3.313 10H2V6zm8.595-2-.308 1H12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9.276l-.942 1H12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.405z" />
-      <path d="M12 10h-1.783l1.542-1.639c.097-.103.178-.218.241-.34V10zm0-3.354V6h-.646a1.5 1.5 0 0 1 .646.646zM16 8a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M9.585 2.568a.5.5 0 0 1 .226.58L8.677 6.832h1.99a.5.5 0 0 1 .364.843l-5.334 5.667a.5.5 0 0 1-.842-.49L5.99 9.167H4a.5.5 0 0 1-.364-.843l5.333-5.667a.5.5 0 0 1 .616-.09z"/><path d="M2 4h4.332l-.94 1H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.38l-.308 1H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/><path d="M2 6h2.45L2.908 7.639A1.5 1.5 0 0 0 3.313 10H2V6zm8.595-2-.308 1H12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9.276l-.942 1H12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.405z"/><path d="M12 10h-1.783l1.542-1.639c.097-.103.178-.218.241-.34V10zm0-3.354V6h-.646a1.5 1.5 0 0 1 .646.646zM16 8a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bell.tsx b/frontend/app/components/ui/Icons/bell.tsx
index 2eb2f9dcf..1a5c84971 100644
--- a/frontend/app/components/ui/Icons/bell.tsx
+++ b/frontend/app/components/ui/Icons/bell.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Bell(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bell_plus.tsx b/frontend/app/components/ui/Icons/bell_plus.tsx
index f1f5c8d20..7bfaa2aaf 100644
--- a/frontend/app/components/ui/Icons/bell_plus.tsx
+++ b/frontend/app/components/ui/Icons/bell_plus.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Bell_plus(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M224 480a32 32 0 0 1-32-32h-32a64 64 0 1 0 128 0h-32a32 32 0 0 1-32 32zm209.37-145.19c-28-26.62-49.34-54.48-49.34-148.9 0-79.6-63.37-144.5-144-152.36V16a16 16 0 0 0-32 0v17.56C127.35 41.41 64 106.31 64 185.91c0 94.4-21.41 122.28-49.35 148.9a46.47 46.47 0 0 0-11.27 51.24A47.68 47.68 0 0 0 48 416h352a47.67 47.67 0 0 0 44.62-30 46.47 46.47 0 0 0-11.25-51.19zM400 384H48c-14.22 0-21.35-16.47-11.32-26C71.54 324.8 96 287.66 96 185.91 96 118.53 153.22 64 224 64s128 54.52 128 121.91c0 101.34 24.22 138.68 59.28 172.07C421.37 367.56 414.16 384 400 384zM296 224h-56v-56a8 8 0 0 0-8-8h-16a8 8 0 0 0-8 8v56h-56a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8v-56h56a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M224 480a32 32 0 0 1-32-32h-32a64 64 0 1 0 128 0h-32a32 32 0 0 1-32 32zm209.37-145.19c-28-26.62-49.34-54.48-49.34-148.9 0-79.6-63.37-144.5-144-152.36V16a16 16 0 0 0-32 0v17.56C127.35 41.41 64 106.31 64 185.91c0 94.4-21.41 122.28-49.35 148.9a46.47 46.47 0 0 0-11.27 51.24A47.68 47.68 0 0 0 48 416h352a47.67 47.67 0 0 0 44.62-30 46.47 46.47 0 0 0-11.25-51.19zM400 384H48c-14.22 0-21.35-16.47-11.32-26C71.54 324.8 96 287.66 96 185.91 96 118.53 153.22 64 224 64s128 54.52 128 121.91c0 101.34 24.22 138.68 59.28 172.07C421.37 367.56 414.16 384 400 384zM296 224h-56v-56a8 8 0 0 0-8-8h-16a8 8 0 0 0-8 8v56h-56a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h56v56a8 8 0 0 0 8 8h16a8 8 0 0 0 8-8v-56h56a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bell_slash.tsx b/frontend/app/components/ui/Icons/bell_slash.tsx
index 85655ebbb..783e43d04 100644
--- a/frontend/app/components/ui/Icons/bell_slash.tsx
+++ b/frontend/app/components/ui/Icons/bell_slash.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Bell_slash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5.164 14H15c-.299-.199-.557-.553-.78-1-.9-1.8-1.22-5.12-1.22-6 0-.264-.02-.523-.06-.776l-.938.938c.02.708.157 2.154.457 3.58.161.767.377 1.566.663 2.258H6.164l-1 1zm5.581-9.91a3.986 3.986 0 0 0-1.948-1.01L8 2.917l-.797.161A4.002 4.002 0 0 0 4 7c0 .628-.134 2.197-.459 3.742-.05.238-.105.479-.166.718l-1.653 1.653c.02-.037.04-.074.059-.113C2.679 11.2 3 7.88 3 7c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0c.942.19 1.788.645 2.457 1.284l-.707.707zM10 15a2 2 0 1 1-4 0h4zm-9.375.625a.53.53 0 0 0 .75.75l14.75-14.75a.53.53 0 0 0-.75-.75L.625 15.625z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5.164 14H15c-.299-.199-.557-.553-.78-1-.9-1.8-1.22-5.12-1.22-6 0-.264-.02-.523-.06-.776l-.938.938c.02.708.157 2.154.457 3.58.161.767.377 1.566.663 2.258H6.164l-1 1zm5.581-9.91a3.986 3.986 0 0 0-1.948-1.01L8 2.917l-.797.161A4.002 4.002 0 0 0 4 7c0 .628-.134 2.197-.459 3.742-.05.238-.105.479-.166.718l-1.653 1.653c.02-.037.04-.074.059-.113C2.679 11.2 3 7.88 3 7c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0c.942.19 1.788.645 2.457 1.284l-.707.707zM10 15a2 2 0 1 1-4 0h4zm-9.375.625a.53.53 0 0 0 .75.75l14.75-14.75a.53.53 0 0 0-.75-.75L.625 15.625z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/binoculars.tsx b/frontend/app/components/ui/Icons/binoculars.tsx
index 5f4adb833..ea75ff0c0 100644
--- a/frontend/app/components/ui/Icons/binoculars.tsx
+++ b/frontend/app/components/ui/Icons/binoculars.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Binoculars(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3 2.5A1.5 1.5 0 0 1 4.5 1h1A1.5 1.5 0 0 1 7 2.5V5h2V2.5A1.5 1.5 0 0 1 10.5 1h1A1.5 1.5 0 0 1 13 2.5v2.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 15 7.118V14.5a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 14.5v-3a.5.5 0 0 1 .146-.354l.854-.853V9.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.793l.854.853A.5.5 0 0 1 7 11.5v3A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5V7.118a1.5 1.5 0 0 1 .83-1.342l.894-.447A.5.5 0 0 0 3 4.882V2.5zM4.5 2a.5.5 0 0 0-.5.5V3h2v-.5a.5.5 0 0 0-.5-.5h-1zM6 4H4v.882a1.5 1.5 0 0 1-.83 1.342l-.894.447A.5.5 0 0 0 2 7.118V13h4v-1.293l-.854-.853A.5.5 0 0 1 5 10.5v-1A1.5 1.5 0 0 1 6.5 8h3A1.5 1.5 0 0 1 11 9.5v1a.5.5 0 0 1-.146.354l-.854.853V13h4V7.118a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 12 4.882V4h-2v1.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V4zm4-1h2v-.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V3zm4 11h-4v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14zm-8 0H2v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 2.5A1.5 1.5 0 0 1 4.5 1h1A1.5 1.5 0 0 1 7 2.5V5h2V2.5A1.5 1.5 0 0 1 10.5 1h1A1.5 1.5 0 0 1 13 2.5v2.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 15 7.118V14.5a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 14.5v-3a.5.5 0 0 1 .146-.354l.854-.853V9.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.793l.854.853A.5.5 0 0 1 7 11.5v3A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5V7.118a1.5 1.5 0 0 1 .83-1.342l.894-.447A.5.5 0 0 0 3 4.882V2.5zM4.5 2a.5.5 0 0 0-.5.5V3h2v-.5a.5.5 0 0 0-.5-.5h-1zM6 4H4v.882a1.5 1.5 0 0 1-.83 1.342l-.894.447A.5.5 0 0 0 2 7.118V13h4v-1.293l-.854-.853A.5.5 0 0 1 5 10.5v-1A1.5 1.5 0 0 1 6.5 8h3A1.5 1.5 0 0 1 11 9.5v1a.5.5 0 0 1-.146.354l-.854.853V13h4V7.118a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 12 4.882V4h-2v1.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V4zm4-1h2v-.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V3zm4 11h-4v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14zm-8 0H2v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/book.tsx b/frontend/app/components/ui/Icons/book.tsx
index c9bf4ecb3..90ca14734 100644
--- a/frontend/app/components/ui/Icons/book.tsx
+++ b/frontend/app/components/ui/Icons/book.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Book(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 0h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2 2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1H1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1H3a2 2 0 0 1 2-2z" />
-      <path d="M1 6v-.5a.5.5 0 0 1 1 0V6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V9h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 2.5v.5H.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H2v-.5a.5.5 0 0 0-1 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 0h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2 2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1H1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1H3a2 2 0 0 1 2-2z"/><path d="M1 6v-.5a.5.5 0 0 1 1 0V6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V9h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 2.5v.5H.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H2v-.5a.5.5 0 0 0-1 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bookmark.tsx b/frontend/app/components/ui/Icons/bookmark.tsx
index 5e5e02e50..743c235a1 100644
--- a/frontend/app/components/ui/Icons/bookmark.tsx
+++ b/frontend/app/components/ui/Icons/bookmark.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Bookmark(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/broadcast.tsx b/frontend/app/components/ui/Icons/broadcast.tsx
index a0f41eb7d..634dbc7b7 100644
--- a/frontend/app/components/ui/Icons/broadcast.tsx
+++ b/frontend/app/components/ui/Icons/broadcast.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Broadcast(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_browser.tsx b/frontend/app/components/ui/Icons/browser_browser.tsx
index 52186fc00..d3c2b11e9 100644
--- a/frontend/app/components/ui/Icons/browser_browser.tsx
+++ b/frontend/app/components/ui/Icons/browser_browser.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_browser(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_chrome.tsx b/frontend/app/components/ui/Icons/browser_chrome.tsx
index 0d0e33013..fb2c10f9d 100644
--- a/frontend/app/components/ui/Icons/browser_chrome.tsx
+++ b/frontend/app/components/ui/Icons/browser_chrome.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_chrome(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 517 517" width={`${width}px`} height={`${height}px`}>
-      <path d="M148.978 223c8.725-25.136 24.616-44.93 47.674-59.383 23.058-14.453 48.297-21.05 75.718-19.794L464 154.191c-20.565-41.474-50.79-73.835-90.674-97.086C337.181 36.368 298.232 26 256.478 26c-34.275 0-67.304 7.54-99.087 22.622C125.61 63.703 98.811 85.068 77 112.718L148.978 223Zm61.483-37.353c-18.07 11.327-30.15 26.373-36.92 45.879l-17.375 50.057-111.15-170.3 11.571-14.668C77 67 110.845 41.93 146.245 25.132 181.488 8.41 218.321 0 256.478 0c46.292 0 89.702 11.556 129.787 34.553l.155.09c44.282 25.814 78.05 61.971 100.874 107.998l19.794 39.92-236.01-12.77c-22.108-.994-42.08 4.237-60.617 15.856ZM179 258.5c0 21.806 7.583 40.34 22.75 55.604C216.917 329.368 235.333 337 257 337s40.083-7.632 55.25-22.896C327.417 298.84 335 280.306 335 258.5c0-21.806-7.583-40.34-22.75-55.604C297.083 187.632 278.667 180 257 180s-40.083 7.632-55.25 22.896C186.583 218.16 179 236.694 179 258.5Zm-26 0c0-28.647 10.282-53.777 30.307-73.93C203.363 164.384 228.422 154 257 154c28.578 0 53.637 10.384 73.693 30.57C350.718 204.723 361 229.853 361 258.5c0 28.647-10.282 53.777-30.307 73.93C310.637 352.616 285.578 363 257 363c-28.578 0-53.637-10.384-73.693-30.57C163.282 312.277 153 287.147 153 258.5ZM474.853 175l-129.839 6.535c17.437 20.54 26.466 44.348 27.089 71.424.623 27.075-6.539 52.128-21.484 75.157L246 489.636c46.082 2.49 89.05-7.78 128.905-30.81 33.005-19.296 59.47-44.504 79.398-75.625 19.928-31.121 31.76-65.043 35.496-101.766 3.736-36.724-1.245-72.201-14.946-106.435Zm24.14-11.66c15.26 38.132 20.834 79.828 16.672 120.726-4.149 40.78-17.341 78.602-39.466 113.155-22.164 34.616-51.648 62.698-88.172 84.05l-.113.067c-44.226 25.555-92.201 37.021-143.317 34.26-10.485-.58-18.184-1.113-23.097-1.598-5.048-.498-12.29-1.44-21.725-2.824l24.403-35.675 104.63-161.538c12.111-18.661 17.804-38.576 17.302-60.406-.486-21.128-7.342-39.204-20.917-55.195l-34.08-40.146 200.98-10.117 6.9 15.24ZM151.164 304.41 63.363 132C38.454 170.73 26 213.207 26 259.433c0 38.105 8.562 73.555 25.687 106.35 17.124 32.796 40.632 60.125 70.522 81.989 29.89 21.863 63.205 35.606 99.945 41.228L281 371.874c-26.154 4.997-51.218 1.093-75.192-11.713-23.975-12.805-42.189-31.39-54.643-55.752Zm66.892 32.818c18.76 10.02 37.782 12.983 58.063 9.108l51.778-9.894L239.5 516.5l-21.279-1.8c-40.865-6.253-78.097-21.61-111.362-45.943-33.108-24.217-59.249-54.608-78.22-90.94C9.56 341.28 0 301.698 0 259.434c0-51.208 13.886-98.568 41.495-141.497L70.5 79.5l103.824 213.092c10.042 19.637 24.454 34.338 43.733 44.636Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 517 517" width={ `${ width }px` } height={ `${ height }px` } ><path d="M148.978 223c8.725-25.136 24.616-44.93 47.674-59.383 23.058-14.453 48.297-21.05 75.718-19.794L464 154.191c-20.565-41.474-50.79-73.835-90.674-97.086C337.181 36.368 298.232 26 256.478 26c-34.275 0-67.304 7.54-99.087 22.622C125.61 63.703 98.811 85.068 77 112.718L148.978 223Zm61.483-37.353c-18.07 11.327-30.15 26.373-36.92 45.879l-17.375 50.057-111.15-170.3 11.571-14.668C77 67 110.845 41.93 146.245 25.132 181.488 8.41 218.321 0 256.478 0c46.292 0 89.702 11.556 129.787 34.553l.155.09c44.282 25.814 78.05 61.971 100.874 107.998l19.794 39.92-236.01-12.77c-22.108-.994-42.08 4.237-60.617 15.856ZM179 258.5c0 21.806 7.583 40.34 22.75 55.604C216.917 329.368 235.333 337 257 337s40.083-7.632 55.25-22.896C327.417 298.84 335 280.306 335 258.5c0-21.806-7.583-40.34-22.75-55.604C297.083 187.632 278.667 180 257 180s-40.083 7.632-55.25 22.896C186.583 218.16 179 236.694 179 258.5Zm-26 0c0-28.647 10.282-53.777 30.307-73.93C203.363 164.384 228.422 154 257 154c28.578 0 53.637 10.384 73.693 30.57C350.718 204.723 361 229.853 361 258.5c0 28.647-10.282 53.777-30.307 73.93C310.637 352.616 285.578 363 257 363c-28.578 0-53.637-10.384-73.693-30.57C163.282 312.277 153 287.147 153 258.5ZM474.853 175l-129.839 6.535c17.437 20.54 26.466 44.348 27.089 71.424.623 27.075-6.539 52.128-21.484 75.157L246 489.636c46.082 2.49 89.05-7.78 128.905-30.81 33.005-19.296 59.47-44.504 79.398-75.625 19.928-31.121 31.76-65.043 35.496-101.766 3.736-36.724-1.245-72.201-14.946-106.435Zm24.14-11.66c15.26 38.132 20.834 79.828 16.672 120.726-4.149 40.78-17.341 78.602-39.466 113.155-22.164 34.616-51.648 62.698-88.172 84.05l-.113.067c-44.226 25.555-92.201 37.021-143.317 34.26-10.485-.58-18.184-1.113-23.097-1.598-5.048-.498-12.29-1.44-21.725-2.824l24.403-35.675 104.63-161.538c12.111-18.661 17.804-38.576 17.302-60.406-.486-21.128-7.342-39.204-20.917-55.195l-34.08-40.146 200.98-10.117 6.9 15.24ZM151.164 304.41 63.363 132C38.454 170.73 26 213.207 26 259.433c0 38.105 8.562 73.555 25.687 106.35 17.124 32.796 40.632 60.125 70.522 81.989 29.89 21.863 63.205 35.606 99.945 41.228L281 371.874c-26.154 4.997-51.218 1.093-75.192-11.713-23.975-12.805-42.189-31.39-54.643-55.752Zm66.892 32.818c18.76 10.02 37.782 12.983 58.063 9.108l51.778-9.894L239.5 516.5l-21.279-1.8c-40.865-6.253-78.097-21.61-111.362-45.943-33.108-24.217-59.249-54.608-78.22-90.94C9.56 341.28 0 301.698 0 259.434c0-51.208 13.886-98.568 41.495-141.497L70.5 79.5l103.824 213.092c10.042 19.637 24.454 34.338 43.733 44.636Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_edge.tsx b/frontend/app/components/ui/Icons/browser_edge.tsx
index 8f83e8c95..091295fff 100644
--- a/frontend/app/components/ui/Icons/browser_edge.tsx
+++ b/frontend/app/components/ui/Icons/browser_edge.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_edge(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 525 558" width={`${width}px`} height={`${height}px`}>
-      <path d="M497 307.629v-41.65c0-48.067-9.71-89.355-28.994-124.03-20.715-36.951-47.903-65.046-81.769-84.586C352.313 37.789 313.92 28 270.735 28c-27.687 0-53.461 4.008-77.347 11.997-23.875 7.985-44.493 18.83-61.927 32.516-17.691 13.889-33.28 30.279-46.797 49.224-13.609 19.073-24.359 39.365-32.28 60.953a305.816 305.816 0 0 0-4.46 13.06 364.39 364.39 0 0 1 4.737-4.744c15.816-15.551 33.904-30.004 54.198-43.326 20.62-13.536 43.788-24.38 69.535-32.575 25.713-8.184 52.578-12.79 80.513-13.833l.654-.025 7.071.398c5.187.242 11.367 1.19 18.85 2.82 6.96 1.517 14.71 3.643 23.394 6.386 9.551 3.004 18.805 7.712 27.712 14.046 8.795 6.217 16.698 13.684 23.665 22.315 7.485 9.273 12.965 21.122 16.57 35.368 3.61 14.107 4.5 29.576 2.745 46.363l-1.311 12.545H159.202l2.77-16.34c2.713-16.01 6.438-30.18 11.209-42.499-18.112 13.709-33.182 29.573-45.253 47.595-20.83 31.102-31.03 68.972-30.467 114.03.368 35.829 11.749 69.875 34.33 102.32 22.598 32.466 51.091 55.259 85.666 68.626 26.154 10.022 55.58 14.964 88.415 14.775 33.304-.192 62.95-3.809 88.891-10.783 22.584-6.071 41.765-13.376 57.52-21.856v-78.845c-10.085 5.146-21.05 9.69-32.9 13.65-20.78 6.944-42.2 11.745-64.296 14.401-22.462 2.7-44.713 2.385-66.783-.951-22.164-3.35-42.233-9.387-60.121-18.123-18.88-9.22-34.285-23.055-46.01-41.276-11.837-18.393-17.826-39.987-18.048-64.456l-.128-14.127H497ZM240.465 130.43l-17.076 21.39c-8.747 10.959-15.83 22.375-21.285 34.269-3.595 7.838-6.668 16.978-9.194 27.4h157.526c.055-8.663-.868-16.656-2.747-24.004-2.683-10.6-6.48-18.81-11.224-24.686-5.364-6.645-11.382-12.331-18.072-17.06-6.617-4.706-13.25-8.081-19.934-10.183-7.94-2.508-14.89-4.414-20.942-5.733-6.106-1.331-10.855-2.057-14.236-2.211l-.15-.008-5.826-.327c-5.667.224-11.28.609-16.84 1.153Zm-118.24 40.658c-18.799 12.34-35.456 25.649-49.932 39.883-14.5 14.258-27.455 29.568-38.797 45.887l-32.64 46.96 7.257-56.727c3.281-25.646 9.28-50.319 17.985-74.046 8.789-23.953 20.717-46.47 35.773-67.57 15.056-21.103 32.493-39.436 52.3-54.986 20.035-15.729 43.504-28.072 70.336-37.046C211.322 4.474 240.093 0 270.735 0c47.986 0 91.211 11.02 129.496 33.11 38.318 22.11 69.067 53.884 92.222 95.19C514.19 167.384 525 213.347 525 265.98v69.649H193.096c1.782 13.37 6 25.14 12.623 35.431 8.983 13.96 20.513 24.314 34.751 31.268 15.242 7.444 32.582 12.66 52.018 15.597 19.57 2.958 39.288 3.238 59.257.838 20.22-2.431 39.785-6.817 58.765-13.159 18.658-6.234 34.549-13.97 47.75-23.203l22.023-15.403v146.44l-6.805 4.076c-19.331 11.579-43.15 21.131-71.446 28.738-28.387 7.631-60.401 11.537-96 11.742-36.193.209-69.062-5.312-98.633-16.643-39.904-15.428-72.85-41.781-98.59-78.762-25.72-36.955-38.92-76.441-39.346-117.996-.63-50.466 11.065-93.895 35.2-129.93 19.657-29.348 46.136-53.555 79.252-72.566-22.982 7.401-43.513 17.058-61.69 28.99Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 525 558" width={ `${ width }px` } height={ `${ height }px` } ><path d="M497 307.629v-41.65c0-48.067-9.71-89.355-28.994-124.03-20.715-36.951-47.903-65.046-81.769-84.586C352.313 37.789 313.92 28 270.735 28c-27.687 0-53.461 4.008-77.347 11.997-23.875 7.985-44.493 18.83-61.927 32.516-17.691 13.889-33.28 30.279-46.797 49.224-13.609 19.073-24.359 39.365-32.28 60.953a305.816 305.816 0 0 0-4.46 13.06 364.39 364.39 0 0 1 4.737-4.744c15.816-15.551 33.904-30.004 54.198-43.326 20.62-13.536 43.788-24.38 69.535-32.575 25.713-8.184 52.578-12.79 80.513-13.833l.654-.025 7.071.398c5.187.242 11.367 1.19 18.85 2.82 6.96 1.517 14.71 3.643 23.394 6.386 9.551 3.004 18.805 7.712 27.712 14.046 8.795 6.217 16.698 13.684 23.665 22.315 7.485 9.273 12.965 21.122 16.57 35.368 3.61 14.107 4.5 29.576 2.745 46.363l-1.311 12.545H159.202l2.77-16.34c2.713-16.01 6.438-30.18 11.209-42.499-18.112 13.709-33.182 29.573-45.253 47.595-20.83 31.102-31.03 68.972-30.467 114.03.368 35.829 11.749 69.875 34.33 102.32 22.598 32.466 51.091 55.259 85.666 68.626 26.154 10.022 55.58 14.964 88.415 14.775 33.304-.192 62.95-3.809 88.891-10.783 22.584-6.071 41.765-13.376 57.52-21.856v-78.845c-10.085 5.146-21.05 9.69-32.9 13.65-20.78 6.944-42.2 11.745-64.296 14.401-22.462 2.7-44.713 2.385-66.783-.951-22.164-3.35-42.233-9.387-60.121-18.123-18.88-9.22-34.285-23.055-46.01-41.276-11.837-18.393-17.826-39.987-18.048-64.456l-.128-14.127H497ZM240.465 130.43l-17.076 21.39c-8.747 10.959-15.83 22.375-21.285 34.269-3.595 7.838-6.668 16.978-9.194 27.4h157.526c.055-8.663-.868-16.656-2.747-24.004-2.683-10.6-6.48-18.81-11.224-24.686-5.364-6.645-11.382-12.331-18.072-17.06-6.617-4.706-13.25-8.081-19.934-10.183-7.94-2.508-14.89-4.414-20.942-5.733-6.106-1.331-10.855-2.057-14.236-2.211l-.15-.008-5.826-.327c-5.667.224-11.28.609-16.84 1.153Zm-118.24 40.658c-18.799 12.34-35.456 25.649-49.932 39.883-14.5 14.258-27.455 29.568-38.797 45.887l-32.64 46.96 7.257-56.727c3.281-25.646 9.28-50.319 17.985-74.046 8.789-23.953 20.717-46.47 35.773-67.57 15.056-21.103 32.493-39.436 52.3-54.986 20.035-15.729 43.504-28.072 70.336-37.046C211.322 4.474 240.093 0 270.735 0c47.986 0 91.211 11.02 129.496 33.11 38.318 22.11 69.067 53.884 92.222 95.19C514.19 167.384 525 213.347 525 265.98v69.649H193.096c1.782 13.37 6 25.14 12.623 35.431 8.983 13.96 20.513 24.314 34.751 31.268 15.242 7.444 32.582 12.66 52.018 15.597 19.57 2.958 39.288 3.238 59.257.838 20.22-2.431 39.785-6.817 58.765-13.159 18.658-6.234 34.549-13.97 47.75-23.203l22.023-15.403v146.44l-6.805 4.076c-19.331 11.579-43.15 21.131-71.446 28.738-28.387 7.631-60.401 11.537-96 11.742-36.193.209-69.062-5.312-98.633-16.643-39.904-15.428-72.85-41.781-98.59-78.762-25.72-36.955-38.92-76.441-39.346-117.996-.63-50.466 11.065-93.895 35.2-129.93 19.657-29.348 46.136-53.555 79.252-72.566-22.982 7.401-43.513 17.058-61.69 28.99Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_electron.tsx b/frontend/app/components/ui/Icons/browser_electron.tsx
index 9fd287a65..4ec60d3e4 100644
--- a/frontend/app/components/ui/Icons/browser_electron.tsx
+++ b/frontend/app/components/ui/Icons/browser_electron.tsx
@@ -9,14 +9,9 @@ interface Props {
 }
 
 function Browser_electron(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 138 150" width={`${width}px`} height={`${height}px`}>
-      <path d="M48.827 32.168c-19.505-3.553-34.926.165-41.072 10.81-4.586 7.945-3.275 18.477 3.18 29.735a2 2 0 1 0 3.47-1.99c-5.815-10.14-6.946-19.23-3.186-25.744 5.106-8.843 18.861-12.16 36.89-8.876a2 2 0 0 0 .718-3.935Zm-27.75 54.23c7.887 8.666 18.133 16.795 29.817 23.541 28.293 16.335 58.412 20.7 73.256 10.58a2 2 0 0 0-2.253-3.306c-13.285 9.06-41.897 4.912-69.003-10.738-11.335-6.545-21.256-14.416-28.858-22.77a2 2 0 1 0-2.959 2.693Z" />
-      <path d="M119.415 83.965c12.77-15.087 17.23-30.261 11.096-40.885-4.513-7.816-14.054-11.944-26.733-12.108a2 2 0 0 0-.052 4c11.404.148 19.623 3.703 23.321 10.108 5.095 8.825 1.118 22.356-10.685 36.3a2 2 0 1 0 3.053 2.585Zm-32.82-51.131c-11.548 2.474-23.838 7.31-35.642 14.126C21.746 63.822 2.693 88.687 5.34 106.716a2 2 0 1 0 3.958-.581c-2.35-16.008 15.71-39.577 43.655-55.711 11.45-6.611 23.351-11.295 34.48-13.679a2 2 0 1 0-.839-3.911Z" />
-      <path d="M39.278 119.215c6.677 18.645 17.601 30.125 29.885 30.125 8.958 0 17.247-6.107 23.71-16.859a2 2 0 1 0-3.428-2.06c-5.809 9.662-12.944 14.919-20.282 14.919-10.204 0-19.947-10.24-26.119-27.474a2 2 0 1 0-3.766 1.349Zm60.991-3.647c3.457-11.046 5.313-23.79 5.313-37.068 0-33.134-11.596-61.697-28.114-69.031a2 2 0 0 0-1.624 3.656c14.732 6.541 25.738 33.649 25.738 65.375 0 12.883-1.797 25.223-5.13 35.873a2 2 0 1 0 3.817 1.195ZM137.937 113.608a9.572 9.572 0 1 0-19.145 0 9.572 9.572 0 0 0 19.145 0Zm-4 0a5.572 5.572 0 1 1-11.145 0 5.572 5.572 0 0 1 11.145 0ZM9.823 123.18a9.572 9.572 0 1 0 0-19.144 9.572 9.572 0 0 0 0 19.145Zm0-4a5.572 5.572 0 1 1 0-11.144 5.572 5.572 0 0 1 0 11.145Z" />
-      <path d="M69.163 19.233a9.572 9.572 0 1 0 0-19.145 9.572 9.572 0 0 0 0 19.145Zm0-4a5.572 5.572 0 1 1 0-11.145 5.572 5.572 0 0 1 0 11.145ZM70.625 85.27A6.926 6.926 0 1 1 67.7 71.73a6.926 6.926 0 0 1 2.924 13.54Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 138 150" width={ `${ width }px` } height={ `${ height }px` } ><path d="M48.827 32.168c-19.505-3.553-34.926.165-41.072 10.81-4.586 7.945-3.275 18.477 3.18 29.735a2 2 0 1 0 3.47-1.99c-5.815-10.14-6.946-19.23-3.186-25.744 5.106-8.843 18.861-12.16 36.89-8.876a2 2 0 0 0 .718-3.935Zm-27.75 54.23c7.887 8.666 18.133 16.795 29.817 23.541 28.293 16.335 58.412 20.7 73.256 10.58a2 2 0 0 0-2.253-3.306c-13.285 9.06-41.897 4.912-69.003-10.738-11.335-6.545-21.256-14.416-28.858-22.77a2 2 0 1 0-2.959 2.693Z"/><path d="M119.415 83.965c12.77-15.087 17.23-30.261 11.096-40.885-4.513-7.816-14.054-11.944-26.733-12.108a2 2 0 0 0-.052 4c11.404.148 19.623 3.703 23.321 10.108 5.095 8.825 1.118 22.356-10.685 36.3a2 2 0 1 0 3.053 2.585Zm-32.82-51.131c-11.548 2.474-23.838 7.31-35.642 14.126C21.746 63.822 2.693 88.687 5.34 106.716a2 2 0 1 0 3.958-.581c-2.35-16.008 15.71-39.577 43.655-55.711 11.45-6.611 23.351-11.295 34.48-13.679a2 2 0 1 0-.839-3.911Z"/><path d="M39.278 119.215c6.677 18.645 17.601 30.125 29.885 30.125 8.958 0 17.247-6.107 23.71-16.859a2 2 0 1 0-3.428-2.06c-5.809 9.662-12.944 14.919-20.282 14.919-10.204 0-19.947-10.24-26.119-27.474a2 2 0 1 0-3.766 1.349Zm60.991-3.647c3.457-11.046 5.313-23.79 5.313-37.068 0-33.134-11.596-61.697-28.114-69.031a2 2 0 0 0-1.624 3.656c14.732 6.541 25.738 33.649 25.738 65.375 0 12.883-1.797 25.223-5.13 35.873a2 2 0 1 0 3.817 1.195ZM137.937 113.608a9.572 9.572 0 1 0-19.145 0 9.572 9.572 0 0 0 19.145 0Zm-4 0a5.572 5.572 0 1 1-11.145 0 5.572 5.572 0 0 1 11.145 0ZM9.823 123.18a9.572 9.572 0 1 0 0-19.144 9.572 9.572 0 0 0 0 19.145Zm0-4a5.572 5.572 0 1 1 0-11.144 5.572 5.572 0 0 1 0 11.145Z"/><path d="M69.163 19.233a9.572 9.572 0 1 0 0-19.145 9.572 9.572 0 0 0 0 19.145Zm0-4a5.572 5.572 0 1 1 0-11.145 5.572 5.572 0 0 1 0 11.145ZM70.625 85.27A6.926 6.926 0 1 1 67.7 71.73a6.926 6.926 0 0 1 2.924 13.54Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_facebook.tsx b/frontend/app/components/ui/Icons/browser_facebook.tsx
index 3302e8b8d..4b43a49a5 100644
--- a/frontend/app/components/ui/Icons/browser_facebook.tsx
+++ b/frontend/app/components/ui/Icons/browser_facebook.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_facebook(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M75 512h167V330h-60v-60h60v-75c0-41.355 33.645-75 75-75h75v60h-60c-16.543 0-30 13.457-30 30v60h87.293l-10 60H302v182h135c41.355 0 75-33.645 75-75V75c0-41.355-33.645-75-75-75H75C33.645 0 0 33.645 0 75v362c0 41.355 33.645 75 75 75ZM30 75c0-24.813 20.188-45 45-45h362c24.813 0 45 20.188 45 45v362c0 24.813-20.188 45-45 45H332V360h72.707l20-120H332v-30h90V90H317c-57.898 0-105 47.102-105 105v45h-60v120h60v122H75c-24.813 0-45-20.188-45-45V75Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M75 512h167V330h-60v-60h60v-75c0-41.355 33.645-75 75-75h75v60h-60c-16.543 0-30 13.457-30 30v60h87.293l-10 60H302v182h135c41.355 0 75-33.645 75-75V75c0-41.355-33.645-75-75-75H75C33.645 0 0 33.645 0 75v362c0 41.355 33.645 75 75 75ZM30 75c0-24.813 20.188-45 45-45h362c24.813 0 45 20.188 45 45v362c0 24.813-20.188 45-45 45H332V360h72.707l20-120H332v-30h90V90H317c-57.898 0-105 47.102-105 105v45h-60v120h60v122H75c-24.813 0-45-20.188-45-45V75Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_firefox.tsx b/frontend/app/components/ui/Icons/browser_firefox.tsx
index 22b047a27..8707cb44a 100644
--- a/frontend/app/components/ui/Icons/browser_firefox.tsx
+++ b/frontend/app/components/ui/Icons/browser_firefox.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_firefox(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M511.998 221.04c-11.932 14.102-30 20-30 20 23.864-61.831-4.713-162.554-22.068-178.082 3.068 23.082-.593 35.15-4.932 47.082-33.627-44.475-95.254-92.644-156-110 66.169 34.712 131.424 166.831 126 233 0 0-11-22-44-31 38 77-2.424 170-100.051 170-70.398 0-89.22-29.085-98.949-43v-1c6.007 1.471 14.478 2.123 19.531 2.123 18.922 0 32.018-9.131 45.792-18.542 4.974-3.384 9.462-4.602 13.576-4.602 10.56 0 18.656 8.022 26.214 8.022 6.727 0 19.207-12.207 13.368-25.245-1.052-2.348-2.698-4.723-5.078-7.058-6.391-6.27-4.606-5.696-21.792-5.697-.006 0-10.01-10-10.016-10-4.187.001-6.748.362-11.445 1.529-14.086 3.549-40.783 33.471-57.359 33.471-9.772 0-37.789-23.695-37.789-66 0-14.102 16.709-24.854 17-25a11.924 11.924 0 0 1 2.898-.337c12.06 0 29.102 15.337 29.102 15.337s-6.169-25.088-19-36c1.309-6.253 45.54-22.772 48.303-24.808 3.781-2.763 8.225-6.892 10.697-11.982 1.745-3.199 4.3-8.521 4.009-15.21-.27-4.455-4.862-7.047-37.04-7.047-2.488 0-5.141.016-7.969.047l-.211.001c-10.728 0-24.184-10.966-24.789-19.001 4.654-17.015 18.438-39.838 34-50 0 0-.379-.014-1.087-.014-6.757 0-46.465 1.268-68.913 28.014-9.906-2.153-16.763-3-25.914-3H118c-12.061.007-52.894 11.536-61 14-5.252-3.301 1-38.39 1-59 0 0-25 22.689-25 86v4c-6.253 8.58-33 51.325-33 138.105C0 387.54 79.228 511.958 248.407 511.958c172.474 0 247.895-117.682 257.593-143.917-18 13-48 13-48 13 16.998-20.002 53.998-76.476 53.998-160.001Zm-86 199.999h4.086c-19.235 14.548-60.673 46.166-83.782 54.557-29.895 10.856-62.833 16.36-97.897 16.36-34.973 0-76.704-16.053-104.311-27.989-24.631-10.65-46.004-25.98-63.523-45.563-16.42-18.354-35.166-50.027-43.884-74.415-8.301-23.221-12.689-48.756-12.689-73.845 0-78.89 24.292-113.126 25.326-114.545l7.674-10.53 24.169-20.45 17.465-5.31c1.747-.531 8.308-2.264 19.365-2.271l.086 10c7.176 0 14.046-9.298 20.417-7.913l5.234 1.138c5.004 12.262 14.548 32.595 25.849 39.791-3.741 3.922-6.772 8.215-8.943 13.092l-.604.151-3.928 1.964c-10.145 5.075-29.11 36.778-29.11 72.778 0 70 18.965 133.002 153.949 154 55.552 8.642 122.129-41.213 141.382-88.985C481.998 165 380.998 62.958 380.998 62.958 552.5 202.04 391.5 421.039 391.5 421.039h34.498Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M511.998 221.04c-11.932 14.102-30 20-30 20 23.864-61.831-4.713-162.554-22.068-178.082 3.068 23.082-.593 35.15-4.932 47.082-33.627-44.475-95.254-92.644-156-110 66.169 34.712 131.424 166.831 126 233 0 0-11-22-44-31 38 77-2.424 170-100.051 170-70.398 0-89.22-29.085-98.949-43v-1c6.007 1.471 14.478 2.123 19.531 2.123 18.922 0 32.018-9.131 45.792-18.542 4.974-3.384 9.462-4.602 13.576-4.602 10.56 0 18.656 8.022 26.214 8.022 6.727 0 19.207-12.207 13.368-25.245-1.052-2.348-2.698-4.723-5.078-7.058-6.391-6.27-4.606-5.696-21.792-5.697-.006 0-10.01-10-10.016-10-4.187.001-6.748.362-11.445 1.529-14.086 3.549-40.783 33.471-57.359 33.471-9.772 0-37.789-23.695-37.789-66 0-14.102 16.709-24.854 17-25a11.924 11.924 0 0 1 2.898-.337c12.06 0 29.102 15.337 29.102 15.337s-6.169-25.088-19-36c1.309-6.253 45.54-22.772 48.303-24.808 3.781-2.763 8.225-6.892 10.697-11.982 1.745-3.199 4.3-8.521 4.009-15.21-.27-4.455-4.862-7.047-37.04-7.047-2.488 0-5.141.016-7.969.047l-.211.001c-10.728 0-24.184-10.966-24.789-19.001 4.654-17.015 18.438-39.838 34-50 0 0-.379-.014-1.087-.014-6.757 0-46.465 1.268-68.913 28.014-9.906-2.153-16.763-3-25.914-3H118c-12.061.007-52.894 11.536-61 14-5.252-3.301 1-38.39 1-59 0 0-25 22.689-25 86v4c-6.253 8.58-33 51.325-33 138.105C0 387.54 79.228 511.958 248.407 511.958c172.474 0 247.895-117.682 257.593-143.917-18 13-48 13-48 13 16.998-20.002 53.998-76.476 53.998-160.001Zm-86 199.999h4.086c-19.235 14.548-60.673 46.166-83.782 54.557-29.895 10.856-62.833 16.36-97.897 16.36-34.973 0-76.704-16.053-104.311-27.989-24.631-10.65-46.004-25.98-63.523-45.563-16.42-18.354-35.166-50.027-43.884-74.415-8.301-23.221-12.689-48.756-12.689-73.845 0-78.89 24.292-113.126 25.326-114.545l7.674-10.53 24.169-20.45 17.465-5.31c1.747-.531 8.308-2.264 19.365-2.271l.086 10c7.176 0 14.046-9.298 20.417-7.913l5.234 1.138c5.004 12.262 14.548 32.595 25.849 39.791-3.741 3.922-6.772 8.215-8.943 13.092l-.604.151-3.928 1.964c-10.145 5.075-29.11 36.778-29.11 72.778 0 70 18.965 133.002 153.949 154 55.552 8.642 122.129-41.213 141.382-88.985C481.998 165 380.998 62.958 380.998 62.958 552.5 202.04 391.5 421.039 391.5 421.039h34.498Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_ie.tsx b/frontend/app/components/ui/Icons/browser_ie.tsx
index 0019d1d2a..ca94cedae 100644
--- a/frontend/app/components/ui/Icons/browser_ie.tsx
+++ b/frontend/app/components/ui/Icons/browser_ie.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_ie(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 559 541" width={`${width}px`} height={`${height}px`}>
-      <path d="M558.5 284.183c0 10.304-.465 19.81-1.471 28.861l-1.236 11.12H216.92a93.66 93.66 0 0 0 10.263 32.11c16.24 29.935 47.612 49.015 82.275 49.015 34.663 0 66.032-19.079 82.274-49.015l3.547-6.54h155.265l-5.673 16.553c-34.858 101.71-130.577 171.287-239.8 171.287-38.32 0-75.434-8.515-109.226-24.673-75.068 35.404-137.89 37.825-174.437 1.316-26.6-26.583-27.395-84.959-4.911-153.688 12.917-39.486 32.653-79.981 58.094-118.797l-29.74 38.046 14.302-57.14C87.139 110.828 188.12 30.954 305.073 30.954c5.42 0 10.828.172 16.225.514 84.304-36.663 161.192-41.765 193.198-9.925 30.89 31.075 34.164 80.922 12.832 140.933 20.334 36.986 31.172 78.584 31.172 121.707ZM309.458 430.289c-43.926 0-83.68-24.178-104.29-62.167a118.865 118.865 0 0 1-14.027-56.064v-12.895h341.96c.27-4.772.399-9.748.399-14.98 0-40.697-10.693-79.838-30.705-114.308l-2.978-5.13 2.09-5.552c20.45-54.294 18.425-96.318-5.092-119.976-10.346-10.292-31.675-15.328-60.685-13.26-31.14 2.22-68.65 12.404-107.57 29.625l-2.87 1.27-3.13-.237c-5.815-.44-11.644-.66-17.486-.66-81.312 0-154.067 42.84-194.66 108.666 23.628-21.388 48.95-38.375 77.893-52.285l73.43-35.29-59.472 55.681c-3.46 3.24-26.017 25.563-35.082 34.627-59.916 59.848-104.458 132.268-126.925 200.948-19.84 60.649-19.165 110.256-1.18 128.23 27.938 27.91 82.324 25.013 151.345-8.761l5.603-2.742 5.56 2.83c31.78 16.17 67.002 24.715 103.484 24.715 92.412 0 174.09-55.246 209.753-137.84H409.884c-21.435 34.135-59.082 55.555-100.426 55.555Zm82.623-194.643c-8.463-40.359-44.415-70.576-87.01-70.576-42.597 0-78.55 30.217-87.013 70.576h174.023Zm-200.726 11.798c3.374-60.011 53.306-107.374 113.715-107.374 60.408 0 110.34 47.363 113.713 107.375l.742 13.201H190.613l.742-13.202ZM426.73 62.02a254.538 254.538 0 0 1 75.345 62.917c6.777-27.785 4.315-48.1-6.483-59.029-12.12-12.082-36.201-13.68-68.862-3.888Zm86.556-13.773.046.046c22.185 22.401 22.698 60.53 5.044 108.39l-8.576 23.252-13.601-20.718c-25.692-39.135-62.893-69.643-106.395-87.026l-28.041-11.206 27.756-11.892c55.018-23.572 99.17-25.423 123.767-.846Zm-359.02 439.622c-32.501-24.086-58.868-55.647-76.733-91.938-18.22 44.125-19.461 77.184-4.48 92.161 13.632 13.606 42.36 13.881 81.214-.223ZM55.389 505.78c-27.926-27.91-21.8-81.003 11.517-146.366l13.169-25.836 9.741 27.313c17.705 49.64 52.258 91.742 97.329 118.948l20.334 12.274-21.63 9.811c-58.114 26.36-104.856 29.417-130.46 3.856Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 559 541" width={ `${ width }px` } height={ `${ height }px` } ><path d="M558.5 284.183c0 10.304-.465 19.81-1.471 28.861l-1.236 11.12H216.92a93.66 93.66 0 0 0 10.263 32.11c16.24 29.935 47.612 49.015 82.275 49.015 34.663 0 66.032-19.079 82.274-49.015l3.547-6.54h155.265l-5.673 16.553c-34.858 101.71-130.577 171.287-239.8 171.287-38.32 0-75.434-8.515-109.226-24.673-75.068 35.404-137.89 37.825-174.437 1.316-26.6-26.583-27.395-84.959-4.911-153.688 12.917-39.486 32.653-79.981 58.094-118.797l-29.74 38.046 14.302-57.14C87.139 110.828 188.12 30.954 305.073 30.954c5.42 0 10.828.172 16.225.514 84.304-36.663 161.192-41.765 193.198-9.925 30.89 31.075 34.164 80.922 12.832 140.933 20.334 36.986 31.172 78.584 31.172 121.707ZM309.458 430.289c-43.926 0-83.68-24.178-104.29-62.167a118.865 118.865 0 0 1-14.027-56.064v-12.895h341.96c.27-4.772.399-9.748.399-14.98 0-40.697-10.693-79.838-30.705-114.308l-2.978-5.13 2.09-5.552c20.45-54.294 18.425-96.318-5.092-119.976-10.346-10.292-31.675-15.328-60.685-13.26-31.14 2.22-68.65 12.404-107.57 29.625l-2.87 1.27-3.13-.237c-5.815-.44-11.644-.66-17.486-.66-81.312 0-154.067 42.84-194.66 108.666 23.628-21.388 48.95-38.375 77.893-52.285l73.43-35.29-59.472 55.681c-3.46 3.24-26.017 25.563-35.082 34.627-59.916 59.848-104.458 132.268-126.925 200.948-19.84 60.649-19.165 110.256-1.18 128.23 27.938 27.91 82.324 25.013 151.345-8.761l5.603-2.742 5.56 2.83c31.78 16.17 67.002 24.715 103.484 24.715 92.412 0 174.09-55.246 209.753-137.84H409.884c-21.435 34.135-59.082 55.555-100.426 55.555Zm82.623-194.643c-8.463-40.359-44.415-70.576-87.01-70.576-42.597 0-78.55 30.217-87.013 70.576h174.023Zm-200.726 11.798c3.374-60.011 53.306-107.374 113.715-107.374 60.408 0 110.34 47.363 113.713 107.375l.742 13.201H190.613l.742-13.202ZM426.73 62.02a254.538 254.538 0 0 1 75.345 62.917c6.777-27.785 4.315-48.1-6.483-59.029-12.12-12.082-36.201-13.68-68.862-3.888Zm86.556-13.773.046.046c22.185 22.401 22.698 60.53 5.044 108.39l-8.576 23.252-13.601-20.718c-25.692-39.135-62.893-69.643-106.395-87.026l-28.041-11.206 27.756-11.892c55.018-23.572 99.17-25.423 123.767-.846Zm-359.02 439.622c-32.501-24.086-58.868-55.647-76.733-91.938-18.22 44.125-19.461 77.184-4.48 92.161 13.632 13.606 42.36 13.881 81.214-.223ZM55.389 505.78c-27.926-27.91-21.8-81.003 11.517-146.366l13.169-25.836 9.741 27.313c17.705 49.64 52.258 91.742 97.329 118.948l20.334 12.274-21.63 9.811c-58.114 26.36-104.856 29.417-130.46 3.856Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_opera.tsx b/frontend/app/components/ui/Icons/browser_opera.tsx
index 3e13451df..f2a146cba 100644
--- a/frontend/app/components/ui/Icons/browser_opera.tsx
+++ b/frontend/app/components/ui/Icons/browser_opera.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_opera(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 494 558" width={`${width}px`} height={`${height}px`}>
-      <path d="M247.365 530c30.078 0 57.883-5.877 83.518-17.639 25.605-11.774 48.745-29.29 69.647-52.73 22.663-25.061 39.226-51.979 49.697-80.81C460.74 350.048 466 316.878 466 279.341c0-37.532-5.257-70.68-15.78-99.506-10.479-28.818-27.058-55.752-49.708-80.751l-.081-.09c-20.946-23.528-44.273-41.264-69.918-53.187C304.91 33.945 277.17 28 247.365 28c-29.8 0-57.516 5.94-83.164 17.804-25.624 11.9-48.91 29.61-69.97 53.204l-.073.083c-22.848 25.192-39.594 52.313-50.212 81.304C33.312 209.371 28 242.315 28 279.343c0 37.035 5.314 70.003 15.95 98.981 10.607 28.981 27.343 56.079 50.208 81.294l.084.093c20.746 23.293 43.949 40.845 69.567 52.649 25.607 11.757 53.46 17.64 83.556 17.64Zm229.163-359.75C488.231 202.308 494 238.683 494 279.341c0 40.665-5.772 77.064-17.464 109.064-11.732 32.302-30.205 62.325-55.173 89.934-23.336 26.169-49.573 46.03-78.793 59.466C313.2 551.281 281.41 558 247.365 558c-34.064 0-65.904-6.725-95.256-20.202-29.21-13.459-55.497-33.338-78.735-59.417-25.212-27.814-43.844-57.99-55.714-90.421C5.838 355.749 0 319.532 0 279.343c0-40.183 5.836-76.375 17.657-108.585 11.882-32.444 30.525-62.644 55.723-90.436C96.9 53.98 123.232 33.958 152.427 20.4 181.827 6.8 213.557 0 247.365 0c33.817 0 65.575 6.806 94.935 20.41 29.21 13.579 55.59 33.632 79.003 59.92 25.008 27.611 43.488 57.64 55.225 89.92ZM247.365 523.776c-40.734 0-69.174-16.27-84.898-48.577-15.536-31.935-23.207-97.182-23.207-195.858 0-98.647 7.67-163.872 23.205-195.799 15.718-32.337 44.155-48.613 84.9-48.613 40.526 0 68.768 16.141 84.33 48.227 15.423 31.768 23.071 97.227 23.071 196.185 0 99.011-7.646 164.444-23.064 196.144-15.557 32.137-43.796 48.291-84.337 48.291Zm0-28c30.214 0 48.458-10.436 59.146-32.514 12.961-26.65 20.255-89.065 20.255-183.921 0-94.813-7.296-157.253-20.262-183.96-10.68-22.02-28.932-32.452-59.14-32.452-30.423 0-48.882 10.565-59.719 32.859-13.072 26.866-20.385 89.052-20.385 183.553 0 94.53 7.314 156.74 20.384 183.606 10.837 22.266 29.302 32.83 59.72 32.83Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 494 558" width={ `${ width }px` } height={ `${ height }px` } ><path d="M247.365 530c30.078 0 57.883-5.877 83.518-17.639 25.605-11.774 48.745-29.29 69.647-52.73 22.663-25.061 39.226-51.979 49.697-80.81C460.74 350.048 466 316.878 466 279.341c0-37.532-5.257-70.68-15.78-99.506-10.479-28.818-27.058-55.752-49.708-80.751l-.081-.09c-20.946-23.528-44.273-41.264-69.918-53.187C304.91 33.945 277.17 28 247.365 28c-29.8 0-57.516 5.94-83.164 17.804-25.624 11.9-48.91 29.61-69.97 53.204l-.073.083c-22.848 25.192-39.594 52.313-50.212 81.304C33.312 209.371 28 242.315 28 279.343c0 37.035 5.314 70.003 15.95 98.981 10.607 28.981 27.343 56.079 50.208 81.294l.084.093c20.746 23.293 43.949 40.845 69.567 52.649 25.607 11.757 53.46 17.64 83.556 17.64Zm229.163-359.75C488.231 202.308 494 238.683 494 279.341c0 40.665-5.772 77.064-17.464 109.064-11.732 32.302-30.205 62.325-55.173 89.934-23.336 26.169-49.573 46.03-78.793 59.466C313.2 551.281 281.41 558 247.365 558c-34.064 0-65.904-6.725-95.256-20.202-29.21-13.459-55.497-33.338-78.735-59.417-25.212-27.814-43.844-57.99-55.714-90.421C5.838 355.749 0 319.532 0 279.343c0-40.183 5.836-76.375 17.657-108.585 11.882-32.444 30.525-62.644 55.723-90.436C96.9 53.98 123.232 33.958 152.427 20.4 181.827 6.8 213.557 0 247.365 0c33.817 0 65.575 6.806 94.935 20.41 29.21 13.579 55.59 33.632 79.003 59.92 25.008 27.611 43.488 57.64 55.225 89.92ZM247.365 523.776c-40.734 0-69.174-16.27-84.898-48.577-15.536-31.935-23.207-97.182-23.207-195.858 0-98.647 7.67-163.872 23.205-195.799 15.718-32.337 44.155-48.613 84.9-48.613 40.526 0 68.768 16.141 84.33 48.227 15.423 31.768 23.071 97.227 23.071 196.185 0 99.011-7.646 164.444-23.064 196.144-15.557 32.137-43.796 48.291-84.337 48.291Zm0-28c30.214 0 48.458-10.436 59.146-32.514 12.961-26.65 20.255-89.065 20.255-183.921 0-94.813-7.296-157.253-20.262-183.96-10.68-22.02-28.932-32.452-59.14-32.452-30.423 0-48.882 10.565-59.719 32.859-13.072 26.866-20.385 89.052-20.385 183.553 0 94.53 7.314 156.74 20.384 183.606 10.837 22.266 29.302 32.83 59.72 32.83Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/browser_safari.tsx b/frontend/app/components/ui/Icons/browser_safari.tsx
index e8a652375..3d5faee2b 100644
--- a/frontend/app/components/ui/Icons/browser_safari.tsx
+++ b/frontend/app/components/ui/Icons/browser_safari.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Browser_safari(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 497 497" width={`${width}px`} height={`${height}px`}>
-      <path d="M248.5 0C111.257 0 0 111.257 0 248.5S111.257 497 248.5 497 497 385.743 497 248.5 385.743 0 248.5 0Zm0 461.5c-117.646 0-213-95.352-213-213s95.354-213 213-213 213 95.352 213 213-95.354 213-213 213Zm-47.18-245.483c-1.136 1.563-2.377 2.983-3.371 4.686-7.064 12.212-8.59 26.058-5.574 38.802l-37.062 141.502 95.886-101.174c15.762-2.166 30.388-11.111 38.979-25.916 2.058-3.585 3.55-7.313 4.721-11.11l6.851 3.444L341.69 78.208 195.25 213.002l6.07 3.015Zm27.37 22.4c1.457-2.52 3.515-4.366 5.787-5.822l26.98 13.49c.249 3.444-.177 6.924-2.023 10.118-4.899 8.484-15.762 11.396-24.246 6.497-8.486-4.935-11.396-15.762-6.497-24.282Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 497 497" width={ `${ width }px` } height={ `${ height }px` } ><path d="M248.5 0C111.257 0 0 111.257 0 248.5S111.257 497 248.5 497 497 385.743 497 248.5 385.743 0 248.5 0Zm0 461.5c-117.646 0-213-95.352-213-213s95.354-213 213-213 213 95.352 213 213-95.354 213-213 213Zm-47.18-245.483c-1.136 1.563-2.377 2.983-3.371 4.686-7.064 12.212-8.59 26.058-5.574 38.802l-37.062 141.502 95.886-101.174c15.762-2.166 30.388-11.111 38.979-25.916 2.058-3.585 3.55-7.313 4.721-11.11l6.851 3.444L341.69 78.208 195.25 213.002l6.07 3.015Zm27.37 22.4c1.457-2.52 3.515-4.366 5.787-5.822l26.98 13.49c.249 3.444-.177 6.924-2.023 10.118-4.899 8.484-15.762 11.396-24.246 6.497-8.486-4.935-11.396-15.762-6.497-24.282Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/buildings.tsx b/frontend/app/components/ui/Icons/buildings.tsx
index 57c999d87..e209a0e8d 100644
--- a/frontend/app/components/ui/Icons/buildings.tsx
+++ b/frontend/app/components/ui/Icons/buildings.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Buildings(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022ZM6 8.694 1 10.36V15h5V8.694ZM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15Z" />
-      <path d="M2 11h1v1H2v-1Zm2 0h1v1H4v-1Zm-2 2h1v1H2v-1Zm2 0h1v1H4v-1Zm4-4h1v1H8V9Zm2 0h1v1h-1V9Zm-2 2h1v1H8v-1Zm2 0h1v1h-1v-1Zm2-2h1v1h-1V9Zm0 2h1v1h-1v-1ZM8 7h1v1H8V7Zm2 0h1v1h-1V7Zm2 0h1v1h-1V7ZM8 5h1v1H8V5Zm2 0h1v1h-1V5Zm2 0h1v1h-1V5Zm0-2h1v1h-1V3Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022ZM6 8.694 1 10.36V15h5V8.694ZM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15Z"/><path d="M2 11h1v1H2v-1Zm2 0h1v1H4v-1Zm-2 2h1v1H2v-1Zm2 0h1v1H4v-1Zm4-4h1v1H8V9Zm2 0h1v1h-1V9Zm-2 2h1v1H8v-1Zm2 0h1v1h-1v-1Zm2-2h1v1h-1V9Zm0 2h1v1h-1v-1ZM8 7h1v1H8V7Zm2 0h1v1h-1V7Zm2 0h1v1h-1V7ZM8 5h1v1H8V5Zm2 0h1v1h-1V5Zm2 0h1v1h-1V5Zm0-2h1v1h-1V3Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/bullhorn.tsx b/frontend/app/components/ui/Icons/bullhorn.tsx
index 2f19afa1e..662dffec3 100644
--- a/frontend/app/components/ui/Icons/bullhorn.tsx
+++ b/frontend/app/components/ui/Icons/bullhorn.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Bullhorn(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975 1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975 1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/calendar.tsx b/frontend/app/components/ui/Icons/calendar.tsx
index 4811faa45..a9f762a84 100644
--- a/frontend/app/components/ui/Icons/calendar.tsx
+++ b/frontend/app/components/ui/Icons/calendar.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Calendar(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M400 64h-48V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H128V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zM48 96h352c8.822 0 16 7.178 16 16v48H32v-48c0-8.822 7.178-16 16-16zm352 384H48c-8.822 0-16-7.178-16-16V192h384v272c0 8.822-7.178 16-16 16z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M400 64h-48V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H128V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zM48 96h352c8.822 0 16 7.178 16 16v48H32v-48c0-8.822 7.178-16 16-16zm352 384H48c-8.822 0-16-7.178-16-16V192h384v272c0 8.822-7.178 16-16 16z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/call.tsx b/frontend/app/components/ui/Icons/call.tsx
index e59bb8d78..f5866a6ab 100644
--- a/frontend/app/components/ui/Icons/call.tsx
+++ b/frontend/app/components/ui/Icons/call.tsx
@@ -9,13 +9,9 @@ interface Props {
 }
 
 function Call(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 62 77" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path d="M31 5.125A25.625 25.625 0 0 0 5.375 30.75v5.125H10.5A5.125 5.125 0 0 1 15.625 41v15.375A5.125 5.125 0 0 1 10.5 61.5H5.375A5.125 5.125 0 0 1 .25 56.375V30.75a30.75 30.75 0 1 1 61.5 0V61.5a12.812 12.812 0 0 1-12.813 12.813H38.002a5.125 5.125 0 0 1-4.438 2.562h-5.126a5.125 5.125 0 0 1 0-10.25h5.125a5.124 5.124 0 0 1 4.439 2.563h10.937a7.687 7.687 0 0 0 7.687-7.688H51.5a5.125 5.125 0 0 1-5.125-5.125V41a5.125 5.125 0 0 1 5.125-5.125h5.125V30.75A25.625 25.625 0 0 0 31 5.125Z" />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 62 77" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M31 5.125A25.625 25.625 0 0 0 5.375 30.75v5.125H10.5A5.125 5.125 0 0 1 15.625 41v15.375A5.125 5.125 0 0 1 10.5 61.5H5.375A5.125 5.125 0 0 1 .25 56.375V30.75a30.75 30.75 0 1 1 61.5 0V61.5a12.812 12.812 0 0 1-12.813 12.813H38.002a5.125 5.125 0 0 1-4.438 2.562h-5.126a5.125 5.125 0 0 1 0-10.25h5.125a5.124 5.124 0 0 1 4.439 2.563h10.937a7.687 7.687 0 0 0 7.687-7.688H51.5a5.125 5.125 0 0 1-5.125-5.125V41a5.125 5.125 0 0 1 5.125-5.125h5.125V30.75A25.625 25.625 0 0 0 31 5.125Z"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/camera.tsx b/frontend/app/components/ui/Icons/camera.tsx
index 5e99de110..6a8a1e8a8 100644
--- a/frontend/app/components/ui/Icons/camera.tsx
+++ b/frontend/app/components/ui/Icons/camera.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Camera(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M324.3 64c3.3 0 6.3 2.1 7.5 5.2l22.1 58.8H464c8.8 0 16 7.2 16 16v288c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16h110.2l20.1-53.6c2.3-6.2 8.3-10.4 15-10.4h131m0-32h-131c-20 0-37.9 12.4-44.9 31.1L136 96H48c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48h-88l-14.3-38c-5.8-15.7-20.7-26-37.4-26zM256 408c-66.2 0-120-53.8-120-120s53.8-120 120-120 120 53.8 120 120-53.8 120-120 120zm0-208c-48.5 0-88 39.5-88 88s39.5 88 88 88 88-39.5 88-88-39.5-88-88-88z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M324.3 64c3.3 0 6.3 2.1 7.5 5.2l22.1 58.8H464c8.8 0 16 7.2 16 16v288c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V144c0-8.8 7.2-16 16-16h110.2l20.1-53.6c2.3-6.2 8.3-10.4 15-10.4h131m0-32h-131c-20 0-37.9 12.4-44.9 31.1L136 96H48c-26.5 0-48 21.5-48 48v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48h-88l-14.3-38c-5.8-15.7-20.7-26-37.4-26zM256 408c-66.2 0-120-53.8-120-120s53.8-120 120-120 120 53.8 120 120-53.8 120-120 120zm0-208c-48.5 0-88 39.5-88 88s39.5 88 88 88 88-39.5 88-88-39.5-88-88-88z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/camera_video.tsx b/frontend/app/components/ui/Icons/camera_video.tsx
index b14240516..81a21b65b 100644
--- a/frontend/app/components/ui/Icons/camera_video.tsx
+++ b/frontend/app/components/ui/Icons/camera_video.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Camera_video(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5zm11.5 5.175 3.5 1.556V4.269l-3.5 1.556v4.35zM2 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5zm11.5 5.175 3.5 1.556V4.269l-3.5 1.556v4.35zM2 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/camera_video_off.tsx b/frontend/app/components/ui/Icons/camera_video_off.tsx
index db89f4ed3..347c562a8 100644
--- a/frontend/app/components/ui/Icons/camera_video_off.tsx
+++ b/frontend/app/components/ui/Icons/camera_video_off.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Camera_video_off(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M10.961 12.365a1.99 1.99 0 0 0 .522-1.103l3.11 1.382A1 1 0 0 0 16 11.731V4.269a1 1 0 0 0-1.406-.913l-3.111 1.382A2 2 0 0 0 9.5 3H4.272l.714 1H9.5a1 1 0 0 1 1 1v6a1 1 0 0 1-.144.518l.605.847zM1.428 4.18A.999.999 0 0 0 1 5v6a1 1 0 0 0 1 1h5.014l.714 1H2a2 2 0 0 1-2-2V5c0-.675.334-1.272.847-1.634l.58.814zM15 11.73l-3.5-1.555v-4.35L15 4.269v7.462zm-4.407 3.56-10-14 .814-.58 10 14-.814.58z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M10.961 12.365a1.99 1.99 0 0 0 .522-1.103l3.11 1.382A1 1 0 0 0 16 11.731V4.269a1 1 0 0 0-1.406-.913l-3.111 1.382A2 2 0 0 0 9.5 3H4.272l.714 1H9.5a1 1 0 0 1 1 1v6a1 1 0 0 1-.144.518l.605.847zM1.428 4.18A.999.999 0 0 0 1 5v6a1 1 0 0 0 1 1h5.014l.714 1H2a2 2 0 0 1-2-2V5c0-.675.334-1.272.847-1.634l.58.814zM15 11.73l-3.5-1.555v-4.35L15 4.269v7.462zm-4.407 3.56-10-14 .814-.58 10 14-.814.58z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/card_list.tsx b/frontend/app/components/ui/Icons/card_list.tsx
index 56077d416..7fb8dceab 100644
--- a/frontend/app/components/ui/Icons/card_list.tsx
+++ b/frontend/app/components/ui/Icons/card_list.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Card_list(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" />
-      <path d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/><path d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/card_text.tsx b/frontend/app/components/ui/Icons/card_text.tsx
index dc623292d..6d490127e 100644
--- a/frontend/app/components/ui/Icons/card_text.tsx
+++ b/frontend/app/components/ui/Icons/card_text.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Card_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" />
-      <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/><path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/caret_down_fill.tsx b/frontend/app/components/ui/Icons/caret_down_fill.tsx
index 6af342c6e..0af863c88 100644
--- a/frontend/app/components/ui/Icons/caret_down_fill.tsx
+++ b/frontend/app/components/ui/Icons/caret_down_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Caret_down_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/caret_right_fill.tsx b/frontend/app/components/ui/Icons/caret_right_fill.tsx
index 75e0a0f51..2ebbf0eac 100644
--- a/frontend/app/components/ui/Icons/caret_right_fill.tsx
+++ b/frontend/app/components/ui/Icons/caret_right_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Caret_right_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chat_dots.tsx b/frontend/app/components/ui/Icons/chat_dots.tsx
index 17f8ae59b..ef18ef07e 100644
--- a/frontend/app/components/ui/Icons/chat_dots.tsx
+++ b/frontend/app/components/ui/Icons/chat_dots.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Chat_dots(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
-      <path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/><path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chat_left_text.tsx b/frontend/app/components/ui/Icons/chat_left_text.tsx
index 3c840bc71..783e445c6 100644
--- a/frontend/app/components/ui/Icons/chat_left_text.tsx
+++ b/frontend/app/components/ui/Icons/chat_left_text.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Chat_left_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chat_square_quote.tsx b/frontend/app/components/ui/Icons/chat_square_quote.tsx
index b9089e414..8317f90f4 100644
--- a/frontend/app/components/ui/Icons/chat_square_quote.tsx
+++ b/frontend/app/components/ui/Icons/chat_square_quote.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Chat_square_quote(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/check.tsx b/frontend/app/components/ui/Icons/check.tsx
index af4dfc1ba..ed2c3f503 100644
--- a/frontend/app/components/ui/Icons/check.tsx
+++ b/frontend/app/components/ui/Icons/check.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Check(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/check_circle.tsx b/frontend/app/components/ui/Icons/check_circle.tsx
index 877aab216..96da8b8d7 100644
--- a/frontend/app/components/ui/Icons/check_circle.tsx
+++ b/frontend/app/components/ui/Icons/check_circle.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Check_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/check_circle_fill.tsx b/frontend/app/components/ui/Icons/check_circle_fill.tsx
index ac79a4bb9..68b8201fd 100644
--- a/frontend/app/components/ui/Icons/check_circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/check_circle_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Check_circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chevron_down.tsx b/frontend/app/components/ui/Icons/chevron_down.tsx
index e5a3fc620..c3667d5e5 100644
--- a/frontend/app/components/ui/Icons/chevron_down.tsx
+++ b/frontend/app/components/ui/Icons/chevron_down.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Chevron_down(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chevron_left.tsx b/frontend/app/components/ui/Icons/chevron_left.tsx
index a0bc6af3c..1c36a2fda 100644
--- a/frontend/app/components/ui/Icons/chevron_left.tsx
+++ b/frontend/app/components/ui/Icons/chevron_left.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Chevron_left(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chevron_right.tsx b/frontend/app/components/ui/Icons/chevron_right.tsx
index 60feda6f6..399ea3f47 100644
--- a/frontend/app/components/ui/Icons/chevron_right.tsx
+++ b/frontend/app/components/ui/Icons/chevron_right.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Chevron_right(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/chevron_up.tsx b/frontend/app/components/ui/Icons/chevron_up.tsx
index 3fb49148a..a82f07e42 100644
--- a/frontend/app/components/ui/Icons/chevron_up.tsx
+++ b/frontend/app/components/ui/Icons/chevron_up.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Chevron_up(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/circle.tsx b/frontend/app/components/ui/Icons/circle.tsx
index 36f900469..b309f7888 100644
--- a/frontend/app/components/ui/Icons/circle.tsx
+++ b/frontend/app/components/ui/Icons/circle.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/circle_fill.tsx b/frontend/app/components/ui/Icons/circle_fill.tsx
index 60fcdfe69..2897ce3bf 100644
--- a/frontend/app/components/ui/Icons/circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/circle_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <circle cx="8" cy="8" r="8" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="8" cy="8" r="8"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/click_hesitation.tsx b/frontend/app/components/ui/Icons/click_hesitation.tsx
index 57c399cc4..aa6df332d 100644
--- a/frontend/app/components/ui/Icons/click_hesitation.tsx
+++ b/frontend/app/components/ui/Icons/click_hesitation.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Click_hesitation(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 33 34" width={`${width}px`} height={`${height}px`}>
-      <path fill="transparent" d="M1 1.5h32v32H1z" />
-      <path fill="transparent" d="M.64 5.683h27.635v27.634H.64z" />
-      <path
-        d="M12.297 7.41a1.295 1.295 0 0 1 1.296 1.296V19.5a.863.863 0 1 0 1.727 0v-4.375l.148-.007c.548-.02 1.1-.014 1.41.047.231.046.507.166.773.314.133.073.26.254.26.543V19.5a.864.864 0 0 0 1.727 0v-2.703a8.64 8.64 0 0 1 .183-.017c.545-.042 1.008-.018 1.222.069.204.08.519.357.84.742.14.166.259.329.345.448v2.324a.863.863 0 1 0 1.727 0v-1.727h.591a1.727 1.727 0 0 1 1.718 1.9l-.468 4.69a4.318 4.318 0 0 1-.547 1.71l-2.41 4.218a.863.863 0 0 1-.749.436H11.063a.864.864 0 0 1-.719-.386L7.87 27.491a2.591 2.591 0 0 1-.42-1.15l-.595-5.363a.864.864 0 0 1 .689-.943l1.732-.345v1.537a.864.864 0 0 0 1.727 0V8.706a1.295 1.295 0 0 1 1.295-1.296Zm3.023 5.986v-4.69a3.022 3.022 0 1 0-6.045 0v9.222l-2.073.415a2.591 2.591 0 0 0-2.065 2.825l.596 5.365c.076.685.316 1.343.7 1.917l2.474 3.713a2.59 2.59 0 0 0 2.155 1.154H22.09a2.591 2.591 0 0 0 2.249-1.306l2.409-4.216a6.046 6.046 0 0 0 .767-2.399l.468-4.689a3.454 3.454 0 0 0-3.437-3.798h-1.003a8.85 8.85 0 0 0-.337-.428c-.33-.396-.881-.981-1.52-1.237-.629-.252-1.461-.228-2-.186l-.228.02a2.176 2.176 0 0 0-.967-1.108 4.55 4.55 0 0 0-1.275-.498c-.535-.107-1.276-.1-1.813-.08l-.083.004Z"
-        fillOpacity=".54"
-      />
-      <path fill="transparent" d="M15 .683h14v14H15z" />
-      <path
-        d="m23.717 6.894-.003.004-.524.535c-.218.22-.432.458-.583.777-.103.22-.17.461-.202.743h-.31c.036-.462.24-.881.551-1.197l.721-.733c.297-.291.473-.694.473-1.132 0-.883-.721-1.604-1.604-1.604-.732 0-1.352.495-1.544 1.166h-.302a1.896 1.896 0 0 1 3.741.438c0 .393-.16.75-.414 1.003ZM22.236 1.37a6.273 6.273 0 0 0-6.271 6.271c0 3.462 2.81 6.27 6.27 6.27 3.462 0 6.271-2.808 6.271-6.27 0-3.462-2.809-6.27-6.27-6.27Zm-.146 9.917v-.292h.291v.292h-.291Z"
-        fillOpacity=".87"
-        stroke="#fff"
-        strokeWidth=".875"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 33 34" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M1 1.5h32v32H1z"/><path fill="transparent" d="M.64 5.683h27.635v27.634H.64z"/><path d="M12.297 7.41a1.295 1.295 0 0 1 1.296 1.296V19.5a.863.863 0 1 0 1.727 0v-4.375l.148-.007c.548-.02 1.1-.014 1.41.047.231.046.507.166.773.314.133.073.26.254.26.543V19.5a.864.864 0 0 0 1.727 0v-2.703a8.64 8.64 0 0 1 .183-.017c.545-.042 1.008-.018 1.222.069.204.08.519.357.84.742.14.166.259.329.345.448v2.324a.863.863 0 1 0 1.727 0v-1.727h.591a1.727 1.727 0 0 1 1.718 1.9l-.468 4.69a4.318 4.318 0 0 1-.547 1.71l-2.41 4.218a.863.863 0 0 1-.749.436H11.063a.864.864 0 0 1-.719-.386L7.87 27.491a2.591 2.591 0 0 1-.42-1.15l-.595-5.363a.864.864 0 0 1 .689-.943l1.732-.345v1.537a.864.864 0 0 0 1.727 0V8.706a1.295 1.295 0 0 1 1.295-1.296Zm3.023 5.986v-4.69a3.022 3.022 0 1 0-6.045 0v9.222l-2.073.415a2.591 2.591 0 0 0-2.065 2.825l.596 5.365c.076.685.316 1.343.7 1.917l2.474 3.713a2.59 2.59 0 0 0 2.155 1.154H22.09a2.591 2.591 0 0 0 2.249-1.306l2.409-4.216a6.046 6.046 0 0 0 .767-2.399l.468-4.689a3.454 3.454 0 0 0-3.437-3.798h-1.003a8.85 8.85 0 0 0-.337-.428c-.33-.396-.881-.981-1.52-1.237-.629-.252-1.461-.228-2-.186l-.228.02a2.176 2.176 0 0 0-.967-1.108 4.55 4.55 0 0 0-1.275-.498c-.535-.107-1.276-.1-1.813-.08l-.083.004Z" fillOpacity=".54"/><path fill="transparent" d="M15 .683h14v14H15z"/><path d="m23.717 6.894-.003.004-.524.535c-.218.22-.432.458-.583.777-.103.22-.17.461-.202.743h-.31c.036-.462.24-.881.551-1.197l.721-.733c.297-.291.473-.694.473-1.132 0-.883-.721-1.604-1.604-1.604-.732 0-1.352.495-1.544 1.166h-.302a1.896 1.896 0 0 1 3.741.438c0 .393-.16.75-.414 1.003ZM22.236 1.37a6.273 6.273 0 0 0-6.271 6.271c0 3.462 2.81 6.27 6.27 6.27 3.462 0 6.271-2.808 6.271-6.27 0-3.462-2.809-6.27-6.27-6.27Zm-.146 9.917v-.292h.291v.292h-.291Z" fillOpacity=".87" stroke="#fff" strokeWidth=".875"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/click_rage.tsx b/frontend/app/components/ui/Icons/click_rage.tsx
index 9c075be60..cf70a0916 100644
--- a/frontend/app/components/ui/Icons/click_rage.tsx
+++ b/frontend/app/components/ui/Icons/click_rage.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Click_rage(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 31 30"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path fill="transparent" d="M1.75 1h27.999v28h-28z" />
-      <path
-        d="M6.734 24.016a12.749 12.749 0 1 0 18.03-18.03 12.749 12.749 0 0 0-18.03 18.03Zm18.56.53a13.5 13.5 0 1 1-19.09-19.09 13.5 13.5 0 0 1 19.09 19.09Z"
-        stroke="#000"
-      />
-      <path
-        d="M9.246 22.757a.875.875 0 0 0 1.195-.32 6.123 6.123 0 0 1 5.306-3.062 6.123 6.123 0 0 1 5.306 3.062.875.875 0 0 0 1.516-.875 7.87 7.87 0 0 0-6.822-3.937 7.874 7.874 0 0 0-6.821 3.937.875.875 0 0 0 .32 1.195ZM21.48 8.092a.875.875 0 1 1 .784 1.565l-1.765.882c.308.472.498 1.12.498 1.836 0 1.449-.784 2.625-1.75 2.625s-1.75-1.176-1.75-2.625c0-.433.07-.84.193-1.2a.879.879 0 0 1 .29-1.333l3.5-1.75Zm-11.465 0a.875.875 0 0 0-.784 1.565l1.765.882a3.395 3.395 0 0 0-.498 1.836c0 1.449.784 2.625 1.75 2.625s1.75-1.176 1.75-2.625c0-.433-.07-.84-.193-1.2a.879.879 0 0 0-.29-1.333l-3.5-1.75Z"
-        fill="#000"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 31 30" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M1.75 1h27.999v28h-28z"/><path d="M6.734 24.016a12.749 12.749 0 1 0 18.03-18.03 12.749 12.749 0 0 0-18.03 18.03Zm18.56.53a13.5 13.5 0 1 1-19.09-19.09 13.5 13.5 0 0 1 19.09 19.09Z" stroke="#000"/><path d="M9.246 22.757a.875.875 0 0 0 1.195-.32 6.123 6.123 0 0 1 5.306-3.062 6.123 6.123 0 0 1 5.306 3.062.875.875 0 0 0 1.516-.875 7.87 7.87 0 0 0-6.822-3.937 7.874 7.874 0 0 0-6.821 3.937.875.875 0 0 0 .32 1.195ZM21.48 8.092a.875.875 0 1 1 .784 1.565l-1.765.882c.308.472.498 1.12.498 1.836 0 1.449-.784 2.625-1.75 2.625s-1.75-1.176-1.75-2.625c0-.433.07-.84.193-1.2a.879.879 0 0 1 .29-1.333l3.5-1.75Zm-11.465 0a.875.875 0 0 0-.784 1.565l1.765.882a3.395 3.395 0 0 0-.498 1.836c0 1.449.784 2.625 1.75 2.625s1.75-1.176 1.75-2.625c0-.433-.07-.84-.193-1.2a.879.879 0 0 0-.29-1.333l-3.5-1.75Z" fill="#000"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/clipboard_check.tsx b/frontend/app/components/ui/Icons/clipboard_check.tsx
index d31520292..6381a9e33 100644
--- a/frontend/app/components/ui/Icons/clipboard_check.tsx
+++ b/frontend/app/components/ui/Icons/clipboard_check.tsx
@@ -9,18 +9,9 @@ interface Props {
 }
 
 function Clipboard_check(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="currentColor"
-      viewBox="0 0 16 16"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5z" />
-      <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5z" />
-      <path d="M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="currentColor" viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5z"/><path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5z"/><path d="M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/clock.tsx b/frontend/app/components/ui/Icons/clock.tsx
index 059452e18..b3c40eae8 100644
--- a/frontend/app/components/ui/Icons/clock.tsx
+++ b/frontend/app/components/ui/Icons/clock.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Clock(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/clock_history.tsx b/frontend/app/components/ui/Icons/clock_history.tsx
index d02f4f385..02997206b 100644
--- a/frontend/app/components/ui/Icons/clock_history.tsx
+++ b/frontend/app/components/ui/Icons/clock_history.tsx
@@ -9,13 +9,9 @@ interface Props {
 }
 
 function Clock_history(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
-      <path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
-      <path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"/><path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"/><path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/close.tsx b/frontend/app/components/ui/Icons/close.tsx
index fb8479e1e..48a4b5434 100644
--- a/frontend/app/components/ui/Icons/close.tsx
+++ b/frontend/app/components/ui/Icons/close.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Close(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z" />
-      <path d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"/><path d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/code.tsx b/frontend/app/components/ui/Icons/code.tsx
index b90888bb1..a5a727c93 100644
--- a/frontend/app/components/ui/Icons/code.tsx
+++ b/frontend/app/components/ui/Icons/code.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Code(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M.5 0a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 .5 0zM2 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M.5 0a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 .5 0zM2 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cog.tsx b/frontend/app/components/ui/Icons/cog.tsx
index 24478d34f..e2f570ac0 100644
--- a/frontend/app/components/ui/Icons/cog.tsx
+++ b/frontend/app/components/ui/Icons/cog.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Cog(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
-      <path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/><path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cogs.tsx b/frontend/app/components/ui/Icons/cogs.tsx
index 6a3339670..71c396610 100644
--- a/frontend/app/components/ui/Icons/cogs.tsx
+++ b/frontend/app/components/ui/Icons/cogs.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Cogs(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 640 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m538.6 196.4-2.5-3.9c-4.1.3-8.1.3-12.2 0l-2.5 4c-5.8 9.2-17.1 13.4-27.5 10.1-13.8-4.3-23-8.8-34.3-18.1-9-7.4-11.2-20.3-5.4-30.4l2.5-4.3c-2.3-3.4-4.3-6.9-6.1-10.6h-9.1c-11.6 0-21.4-8.2-23.6-19.6-2.6-13.7-2.7-24.2.1-38.5 2.1-11.3 12.1-19.5 23.6-19.5h9c1.8-3.7 3.8-7.2 6.1-10.6l-2.6-4.5c-5.8-10-3.6-22.7 5.2-30.3 10.6-9.1 19.7-14.3 33.5-19 10.8-3.7 22.7.7 28.5 10.6l2.6 4.4c4.1-.3 8.1-.3 12.2 0l2.6-4.4c5.8-9.9 17.7-14.3 28.6-10.5 13.3 4.5 22.3 9.6 33.5 19.1 8.8 7.5 10.9 20.2 5.1 30.2l-2.6 4.4c2.3 3.4 4.3 6.9 6.1 10.6h5.1c11.6 0 21.4 8.2 23.6 19.6 2.6 13.7 2.7 24.2-.1 38.5-2.1 11.3-12.1 19.5-23.6 19.5h-5c-1.8 3.7-3.8 7.2-6.1 10.6l2.5 4.3c5.9 10.2 3.5 23.1-5.5 30.5-10.7 8.8-19.9 13.4-34 17.9-10.5 3.3-21.9-.8-27.7-10.1zm12.2-34.5 10.6 18.3c6.7-2.8 12.9-6.4 18.7-10.8l-10.6-18.3 6.4-7.5c4.8-5.7 8.6-12.1 11-19.1l3.3-9.3h21.1c.9-7.1.9-14.4 0-21.5h-21.1l-3.3-9.3c-2.5-7-6.2-13.4-11-19.1l-6.4-7.5L580 39.4c-5.7-4.4-12-8-18.7-10.8l-10.6 18.3-9.7-1.8c-7.3-1.4-14.8-1.4-22.1 0l-9.7 1.8-10.6-18.3C492 31.3 485.7 35 480 39.4l10.6 18.3-6.4 7.5c-4.8 5.7-8.6 12.1-11 19.1l-3.3 9.3h-21.1c-.9 7.1-.9 14.4 0 21.5h21.1l3.3 9.3c2.5 7 6.2 13.4 11 19.1l6.4 7.5-10.6 18.4c5.7 4.4 12 8 18.7 10.8l10.6-18.3 9.7 1.8c7.3 1.4 14.8 1.4 22.1 0l9.7-1.8zM145.3 454.4v-31.6c-12.9-5.5-25.1-12.6-36.4-21.1l-27.5 15.9c-9.8 5.6-22.1 3.7-29.7-4.6-24.2-26.3-38.5-49.5-50.6-88.1-3.4-10.7 1.1-22.3 10.8-28L39.2 281c-1.7-14-1.7-28.1 0-42.1l-27.3-15.8c-9.7-5.6-14.2-17.3-10.8-28 12.1-38.4 26.2-61.6 50.6-88.1 7.6-8.3 20-10.2 29.7-4.6l27.4 15.9c11.3-8.5 23.5-15.5 36.4-21.1V65.6c0-11.3 7.8-21 18.8-23.4 34.7-7.8 62-8.7 101.7 0 11 2.4 18.9 12.2 18.9 23.4v31.6c12.9 5.5 25.1 12.6 36.4 21l27.4-15.8c9.8-5.6 22.2-3.7 29.8 4.6 26.9 29.6 41.5 55.9 52.1 88.5 3.4 10.5-.8 21.9-10.2 27.7l-25 15.8c1.7 14 1.7 28.1 0 42.1l28.1 17.5c8.6 5.4 13 15.6 10.8 25.5-6.9 31.3-33 64.6-55.9 89.2-7.6 8.2-19.9 10-29.6 4.4L321 401.8c-11.3 8.5-23.5 15.5-36.4 21.1v31.6c0 11.2-7.8 21-18.8 23.4-37.5 8.3-64.9 8.2-101.9 0-10.8-2.5-18.6-12.3-18.6-23.5zm32-6.2c24.8 5 50.5 5 75.3 0v-47.7l10.7-3.8c16.8-5.9 32.3-14.9 45.9-26.5l8.6-7.4 41.4 23.9c16.8-19.1 34-41.3 42.1-65.2l-41.4-23.9 2.1-11.1c3.2-17.6 3.2-35.5 0-53.1l-2.1-11.1 41.4-23.9c-8.1-23.9-25.3-46.2-42.1-65.2l-41.4 23.9-8.6-7.4c-13.6-11.7-29-20.6-45.9-26.5l-10.7-3.8V71.8c-24.8-5-50.5-5-75.3 0v47.7l-10.7 3.8c-16.8 5.9-32.3 14.9-45.9 26.5l-8.6 7.4-41.4-23.9A192.19 192.19 0 0 0 33 198.5l41.4 23.9-2.1 11.1c-3.2 17.6-3.2 35.5 0 53.1l2.1 11.1L33 321.6c8.1 23.9 20.9 46.2 37.7 65.2l41.4-23.9 8.6 7.4c13.6 11.7 29 20.6 45.9 26.5l10.7 3.8v47.6zm38.4-105.3c-45.7 0-82.9-37.2-82.9-82.9s37.2-82.9 82.9-82.9 82.9 37.2 82.9 82.9-37.2 82.9-82.9 82.9zm0-133.8c-28 0-50.9 22.8-50.9 50.9s22.8 50.9 50.9 50.9c28 0 50.9-22.8 50.9-50.9s-22.8-50.9-50.9-50.9zm322.9 291.7-2.5-3.9c-4.1.3-8.1.3-12.2 0l-2.5 4c-5.8 9.2-17.1 13.4-27.5 10.1-13.8-4.3-23-8.8-34.3-18.1-9-7.4-11.2-20.3-5.4-30.4l2.5-4.3c-2.3-3.4-4.3-6.9-6.1-10.6h-9.1c-11.6 0-21.4-8.2-23.6-19.6-2.6-13.7-2.7-24.2.1-38.5 2.1-11.3 12.1-19.5 23.6-19.5h9c1.8-3.7 3.8-7.2 6.1-10.6l-2.6-4.5c-5.8-10-3.6-22.7 5.2-30.3 10.6-9.1 19.7-14.3 33.5-19 10.8-3.7 22.7.7 28.5 10.6l2.6 4.4c4.1-.3 8.1-.3 12.2 0l2.6-4.4c5.8-9.9 17.7-14.3 28.6-10.5 13.3 4.5 22.3 9.6 33.5 19.1 8.8 7.5 10.9 20.2 5.1 30.2l-2.6 4.4c2.3 3.4 4.3 6.9 6.1 10.6h5.1c11.6 0 21.4 8.2 23.6 19.6 2.6 13.7 2.7 24.2-.1 38.5-2.1 11.3-12.1 19.5-23.6 19.5h-5c-1.8 3.7-3.8 7.2-6.1 10.6l2.5 4.3c5.9 10.2 3.5 23.1-5.5 30.5-10.7 8.8-19.9 13.4-34 17.9-10.5 3.2-21.9-.9-27.7-10.1zm12.2-34.6 10.6 18.3c6.7-2.8 12.9-6.4 18.7-10.8l-10.6-18.3 6.4-7.5c4.8-5.7 8.6-12.1 11-19.1l3.3-9.3h21.1c.9-7.1.9-14.4 0-21.5h-21.1l-3.3-9.3c-2.5-7-6.2-13.4-11-19.1l-6.4-7.5 10.6-18.3c-5.7-4.4-12-8-18.7-10.8l-10.6 18.3-9.7-1.8c-7.3-1.4-14.8-1.4-22.1 0l-9.7 1.8-10.6-18.3c-6.7 2.8-12.9 6.4-18.7 10.8l10.6 18.3-6.4 7.5c-4.8 5.7-8.6 12.1-11 19.1l-3.3 9.3h-21.1c-.9 7.1-.9 14.4 0 21.5h21.1l3.3 9.3c2.5 7 6.2 13.4 11 19.1l6.4 7.5-10.6 18.3c5.7 4.4 12 8 18.7 10.8l10.6-18.3 9.7 1.8c7.3 1.4 14.8 1.4 22.1 0l9.7-1.8zM560 408c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm0-304.3c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.4 32-32z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 640 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m538.6 196.4-2.5-3.9c-4.1.3-8.1.3-12.2 0l-2.5 4c-5.8 9.2-17.1 13.4-27.5 10.1-13.8-4.3-23-8.8-34.3-18.1-9-7.4-11.2-20.3-5.4-30.4l2.5-4.3c-2.3-3.4-4.3-6.9-6.1-10.6h-9.1c-11.6 0-21.4-8.2-23.6-19.6-2.6-13.7-2.7-24.2.1-38.5 2.1-11.3 12.1-19.5 23.6-19.5h9c1.8-3.7 3.8-7.2 6.1-10.6l-2.6-4.5c-5.8-10-3.6-22.7 5.2-30.3 10.6-9.1 19.7-14.3 33.5-19 10.8-3.7 22.7.7 28.5 10.6l2.6 4.4c4.1-.3 8.1-.3 12.2 0l2.6-4.4c5.8-9.9 17.7-14.3 28.6-10.5 13.3 4.5 22.3 9.6 33.5 19.1 8.8 7.5 10.9 20.2 5.1 30.2l-2.6 4.4c2.3 3.4 4.3 6.9 6.1 10.6h5.1c11.6 0 21.4 8.2 23.6 19.6 2.6 13.7 2.7 24.2-.1 38.5-2.1 11.3-12.1 19.5-23.6 19.5h-5c-1.8 3.7-3.8 7.2-6.1 10.6l2.5 4.3c5.9 10.2 3.5 23.1-5.5 30.5-10.7 8.8-19.9 13.4-34 17.9-10.5 3.3-21.9-.8-27.7-10.1zm12.2-34.5 10.6 18.3c6.7-2.8 12.9-6.4 18.7-10.8l-10.6-18.3 6.4-7.5c4.8-5.7 8.6-12.1 11-19.1l3.3-9.3h21.1c.9-7.1.9-14.4 0-21.5h-21.1l-3.3-9.3c-2.5-7-6.2-13.4-11-19.1l-6.4-7.5L580 39.4c-5.7-4.4-12-8-18.7-10.8l-10.6 18.3-9.7-1.8c-7.3-1.4-14.8-1.4-22.1 0l-9.7 1.8-10.6-18.3C492 31.3 485.7 35 480 39.4l10.6 18.3-6.4 7.5c-4.8 5.7-8.6 12.1-11 19.1l-3.3 9.3h-21.1c-.9 7.1-.9 14.4 0 21.5h21.1l3.3 9.3c2.5 7 6.2 13.4 11 19.1l6.4 7.5-10.6 18.4c5.7 4.4 12 8 18.7 10.8l10.6-18.3 9.7 1.8c7.3 1.4 14.8 1.4 22.1 0l9.7-1.8zM145.3 454.4v-31.6c-12.9-5.5-25.1-12.6-36.4-21.1l-27.5 15.9c-9.8 5.6-22.1 3.7-29.7-4.6-24.2-26.3-38.5-49.5-50.6-88.1-3.4-10.7 1.1-22.3 10.8-28L39.2 281c-1.7-14-1.7-28.1 0-42.1l-27.3-15.8c-9.7-5.6-14.2-17.3-10.8-28 12.1-38.4 26.2-61.6 50.6-88.1 7.6-8.3 20-10.2 29.7-4.6l27.4 15.9c11.3-8.5 23.5-15.5 36.4-21.1V65.6c0-11.3 7.8-21 18.8-23.4 34.7-7.8 62-8.7 101.7 0 11 2.4 18.9 12.2 18.9 23.4v31.6c12.9 5.5 25.1 12.6 36.4 21l27.4-15.8c9.8-5.6 22.2-3.7 29.8 4.6 26.9 29.6 41.5 55.9 52.1 88.5 3.4 10.5-.8 21.9-10.2 27.7l-25 15.8c1.7 14 1.7 28.1 0 42.1l28.1 17.5c8.6 5.4 13 15.6 10.8 25.5-6.9 31.3-33 64.6-55.9 89.2-7.6 8.2-19.9 10-29.6 4.4L321 401.8c-11.3 8.5-23.5 15.5-36.4 21.1v31.6c0 11.2-7.8 21-18.8 23.4-37.5 8.3-64.9 8.2-101.9 0-10.8-2.5-18.6-12.3-18.6-23.5zm32-6.2c24.8 5 50.5 5 75.3 0v-47.7l10.7-3.8c16.8-5.9 32.3-14.9 45.9-26.5l8.6-7.4 41.4 23.9c16.8-19.1 34-41.3 42.1-65.2l-41.4-23.9 2.1-11.1c3.2-17.6 3.2-35.5 0-53.1l-2.1-11.1 41.4-23.9c-8.1-23.9-25.3-46.2-42.1-65.2l-41.4 23.9-8.6-7.4c-13.6-11.7-29-20.6-45.9-26.5l-10.7-3.8V71.8c-24.8-5-50.5-5-75.3 0v47.7l-10.7 3.8c-16.8 5.9-32.3 14.9-45.9 26.5l-8.6 7.4-41.4-23.9A192.19 192.19 0 0 0 33 198.5l41.4 23.9-2.1 11.1c-3.2 17.6-3.2 35.5 0 53.1l2.1 11.1L33 321.6c8.1 23.9 20.9 46.2 37.7 65.2l41.4-23.9 8.6 7.4c13.6 11.7 29 20.6 45.9 26.5l10.7 3.8v47.6zm38.4-105.3c-45.7 0-82.9-37.2-82.9-82.9s37.2-82.9 82.9-82.9 82.9 37.2 82.9 82.9-37.2 82.9-82.9 82.9zm0-133.8c-28 0-50.9 22.8-50.9 50.9s22.8 50.9 50.9 50.9c28 0 50.9-22.8 50.9-50.9s-22.8-50.9-50.9-50.9zm322.9 291.7-2.5-3.9c-4.1.3-8.1.3-12.2 0l-2.5 4c-5.8 9.2-17.1 13.4-27.5 10.1-13.8-4.3-23-8.8-34.3-18.1-9-7.4-11.2-20.3-5.4-30.4l2.5-4.3c-2.3-3.4-4.3-6.9-6.1-10.6h-9.1c-11.6 0-21.4-8.2-23.6-19.6-2.6-13.7-2.7-24.2.1-38.5 2.1-11.3 12.1-19.5 23.6-19.5h9c1.8-3.7 3.8-7.2 6.1-10.6l-2.6-4.5c-5.8-10-3.6-22.7 5.2-30.3 10.6-9.1 19.7-14.3 33.5-19 10.8-3.7 22.7.7 28.5 10.6l2.6 4.4c4.1-.3 8.1-.3 12.2 0l2.6-4.4c5.8-9.9 17.7-14.3 28.6-10.5 13.3 4.5 22.3 9.6 33.5 19.1 8.8 7.5 10.9 20.2 5.1 30.2l-2.6 4.4c2.3 3.4 4.3 6.9 6.1 10.6h5.1c11.6 0 21.4 8.2 23.6 19.6 2.6 13.7 2.7 24.2-.1 38.5-2.1 11.3-12.1 19.5-23.6 19.5h-5c-1.8 3.7-3.8 7.2-6.1 10.6l2.5 4.3c5.9 10.2 3.5 23.1-5.5 30.5-10.7 8.8-19.9 13.4-34 17.9-10.5 3.2-21.9-.9-27.7-10.1zm12.2-34.6 10.6 18.3c6.7-2.8 12.9-6.4 18.7-10.8l-10.6-18.3 6.4-7.5c4.8-5.7 8.6-12.1 11-19.1l3.3-9.3h21.1c.9-7.1.9-14.4 0-21.5h-21.1l-3.3-9.3c-2.5-7-6.2-13.4-11-19.1l-6.4-7.5 10.6-18.3c-5.7-4.4-12-8-18.7-10.8l-10.6 18.3-9.7-1.8c-7.3-1.4-14.8-1.4-22.1 0l-9.7 1.8-10.6-18.3c-6.7 2.8-12.9 6.4-18.7 10.8l10.6 18.3-6.4 7.5c-4.8 5.7-8.6 12.1-11 19.1l-3.3 9.3h-21.1c-.9 7.1-.9 14.4 0 21.5h21.1l3.3 9.3c2.5 7 6.2 13.4 11 19.1l6.4 7.5-10.6 18.3c5.7 4.4 12 8 18.7 10.8l10.6-18.3 9.7 1.8c7.3 1.4 14.8 1.4 22.1 0l9.7-1.8zM560 408c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm0-304.3c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.4 32-32z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/collection.tsx b/frontend/app/components/ui/Icons/collection.tsx
index a5ee51f11..98136281a 100644
--- a/frontend/app/components/ui/Icons/collection.tsx
+++ b/frontend/app/components/ui/Icons/collection.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Collection(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/collection_play.tsx b/frontend/app/components/ui/Icons/collection_play.tsx
index 5770e273c..39e3861ad 100644
--- a/frontend/app/components/ui/Icons/collection_play.tsx
+++ b/frontend/app/components/ui/Icons/collection_play.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Collection_play(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1zm2.765 5.576A.5.5 0 0 0 6 7v5a.5.5 0 0 0 .765.424l4-2.5a.5.5 0 0 0 0-.848l-4-2.5z" />
-      <path d="M1.5 14.5A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zm13-1a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5h-13A.5.5 0 0 0 1 6v7a.5.5 0 0 0 .5.5h13z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1zm2.765 5.576A.5.5 0 0 0 6 7v5a.5.5 0 0 0 .765.424l4-2.5a.5.5 0 0 0 0-.848l-4-2.5z"/><path d="M1.5 14.5A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zm13-1a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5h-13A.5.5 0 0 0 1 6v7a.5.5 0 0 0 .5.5h13z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_apple.tsx b/frontend/app/components/ui/Icons/color_apple.tsx
index d13612887..6dcbe6b01 100644
--- a/frontend/app/components/ui/Icons/color_apple.tsx
+++ b/frontend/app/components/ui/Icons/color_apple.tsx
@@ -9,18 +9,13 @@ interface Props {
 }
 
 function Color_apple(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M22.5 12C22.5 17.796 17.8012 22.5 12 22.5C6.19875 22.5 1.5 17.796 1.5 12C1.5 6.19875 6.19875 1.5 12 1.5C17.8012 1.5 22.5 6.19875 22.5 12Z"
-        fill="#283544"
-      />
-      <path
-        d="M16.9216 9.34304C16.8643 9.37646 15.5003 10.0819 15.5003 11.6459C15.5646 13.4296 17.2216 14.0551 17.25 14.0551C17.2216 14.0885 16.9998 14.9072 16.343 15.7654C15.8217 16.5047 15.2432 17.25 14.3646 17.25C13.5289 17.25 13.2289 16.7573 12.2646 16.7573C11.229 16.7573 10.936 17.25 10.1431 17.25C9.26458 17.25 8.64315 16.4647 8.09345 15.7324C7.37932 14.7739 6.77233 13.2698 6.7509 11.8256C6.73646 11.0603 6.89392 10.308 7.29361 9.66904C7.85774 8.77699 8.86489 8.17143 9.96473 8.15146C10.8074 8.12498 11.5574 8.6906 12.0717 8.6906C12.5646 8.6906 13.486 8.15146 14.5286 8.15146C14.9786 8.1519 16.1786 8.27822 16.9216 9.34304ZM12.0005 7.99866C11.8505 7.29978 12.2646 6.60089 12.6503 6.15508C13.1432 5.61594 13.9216 5.25 14.5929 5.25C14.6357 5.94889 14.3641 6.63432 13.8787 7.13352C13.4432 7.67266 12.6932 8.07853 12.0005 7.99866Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 12C22.5 17.796 17.8012 22.5 12 22.5C6.19875 22.5 1.5 17.796 1.5 12C1.5 6.19875 6.19875 1.5 12 1.5C17.8012 1.5 22.5 6.19875 22.5 12Z" fill="#283544"/>
+<path d="M16.9216 9.34304C16.8643 9.37646 15.5003 10.0819 15.5003 11.6459C15.5646 13.4296 17.2216 14.0551 17.25 14.0551C17.2216 14.0885 16.9998 14.9072 16.343 15.7654C15.8217 16.5047 15.2432 17.25 14.3646 17.25C13.5289 17.25 13.2289 16.7573 12.2646 16.7573C11.229 16.7573 10.936 17.25 10.1431 17.25C9.26458 17.25 8.64315 16.4647 8.09345 15.7324C7.37932 14.7739 6.77233 13.2698 6.7509 11.8256C6.73646 11.0603 6.89392 10.308 7.29361 9.66904C7.85774 8.77699 8.86489 8.17143 9.96473 8.15146C10.8074 8.12498 11.5574 8.6906 12.0717 8.6906C12.5646 8.6906 13.486 8.15146 14.5286 8.15146C14.9786 8.1519 16.1786 8.27822 16.9216 9.34304ZM12.0005 7.99866C11.8505 7.29978 12.2646 6.60089 12.6503 6.15508C13.1432 5.61594 13.9216 5.25 14.5929 5.25C14.6357 5.94889 14.3641 6.63432 13.8787 7.13352C13.4432 7.67266 12.6932 8.07853 12.0005 7.99866Z" fill="white"/>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_chrome.tsx b/frontend/app/components/ui/Icons/color_browser_chrome.tsx
index dce2b0077..a08bc0d51 100644
--- a/frontend/app/components/ui/Icons/color_browser_chrome.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_chrome.tsx
@@ -9,55 +9,24 @@ interface Props {
 }
 
 function Color_browser_chrome(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2.04 2 28 28">
-      <path
-        d="M16.0007 2.00382C16.0007 2.00382 24.2529 1.63483 28.628 9.8999H15.2985C15.2985 9.8999 12.783 9.81911 10.6342 12.8599C10.0169 14.1363 9.35338 15.451 10.098 18.042C9.02535 16.2313 4.4035 8.21234 4.4035 8.21234C4.4035 8.21234 7.6635 2.33057 16.0006 2.00382H16.0007Z"
-        fill="#EF3F36"
-      />
-      <path
-        d="M28.1996 22.9856C28.1996 22.9856 24.3917 30.2935 15.0246 29.9321C16.182 27.9369 21.6911 18.4302 21.6911 18.4302C21.6911 18.4302 23.0222 16.3005 21.452 12.9253C20.6533 11.7528 19.8392 10.5265 17.2159 9.87287C19.3263 9.85377 28.6047 9.87287 28.6047 9.87287C28.6047 9.87287 32.0806 15.6278 28.1996 22.9856Z"
-        fill="#FCD900"
-      />
-      <path
-        d="M3.85937 23.0433C3.85937 23.0433 -0.588931 16.1044 4.41101 8.20068C5.56459 10.1959 11.0738 19.7027 11.0738 19.7027C11.0738 19.7027 12.2621 21.917 15.9773 22.2475C17.3933 22.1437 18.867 22.0553 20.7498 20.1217C19.7118 21.9516 15.0551 29.9476 15.0551 29.9476C15.0551 29.9476 8.3114 30.0706 3.85926 23.0433H3.85937Z"
-        fill="#61BC5B"
-      />
-      <path
-        d="M15.0208 30.0013L16.8957 22.2053C16.8957 22.2053 18.9559 22.0437 20.6844 20.1562C19.6118 22.0362 15.0208 30.0013 15.0208 30.0013V30.0013Z"
-        fill="#5AB055"
-      />
-      <path
-        d="M9.71985 16.089C9.71985 12.6523 12.517 9.86523 15.9659 9.86523C19.4149 9.86523 22.212 12.6523 22.212 16.089C22.212 19.5257 19.4149 22.3127 15.9659 22.3127C12.517 22.3089 9.71985 19.5257 9.71985 16.089V16.089Z"
-        fill="white"
-      />
-      <path
-        d="M10.7653 16.0891C10.7653 13.2291 13.0918 10.9071 15.966 10.9071C18.8363 10.9071 21.1666 13.2252 21.1666 16.0891C21.1666 18.9493 18.8403 21.2713 15.966 21.2713C13.0956 21.2713 10.7653 18.9493 10.7653 16.0891V16.0891Z"
-        fill="url(#paint0_linear_449_13004)"
-      />
-      <path
-        d="M28.6008 9.87685L20.881 12.1334C20.881 12.1334 19.7159 10.4303 17.2121 9.87685C19.3841 9.86528 28.6008 9.87685 28.6008 9.87685V9.87685Z"
-        fill="#EACA05"
-      />
-      <path
-        d="M9.94753 17.7576C8.86331 15.8854 4.4035 8.21228 4.4035 8.21228L10.1211 13.8479C10.1211 13.8479 9.53459 15.0512 9.75459 16.7734L9.94742 17.7576H9.94753Z"
-        fill="#DF3A32"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_449_13004"
-          x1="15.9657"
-          y1="10.9803"
-          x2="15.9657"
-          y2="20.9593"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#86BBE5" />
-          <stop offset="1" stopColor="#1072BA" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2.04 2 28 28">
+<path d="M16.0007 2.00382C16.0007 2.00382 24.2529 1.63483 28.628 9.8999H15.2985C15.2985 9.8999 12.783 9.81911 10.6342 12.8599C10.0169 14.1363 9.35338 15.451 10.098 18.042C9.02535 16.2313 4.4035 8.21234 4.4035 8.21234C4.4035 8.21234 7.6635 2.33057 16.0006 2.00382H16.0007Z" fill="#EF3F36"/>
+<path d="M28.1996 22.9856C28.1996 22.9856 24.3917 30.2935 15.0246 29.9321C16.182 27.9369 21.6911 18.4302 21.6911 18.4302C21.6911 18.4302 23.0222 16.3005 21.452 12.9253C20.6533 11.7528 19.8392 10.5265 17.2159 9.87287C19.3263 9.85377 28.6047 9.87287 28.6047 9.87287C28.6047 9.87287 32.0806 15.6278 28.1996 22.9856Z" fill="#FCD900"/>
+<path d="M3.85937 23.0433C3.85937 23.0433 -0.588931 16.1044 4.41101 8.20068C5.56459 10.1959 11.0738 19.7027 11.0738 19.7027C11.0738 19.7027 12.2621 21.917 15.9773 22.2475C17.3933 22.1437 18.867 22.0553 20.7498 20.1217C19.7118 21.9516 15.0551 29.9476 15.0551 29.9476C15.0551 29.9476 8.3114 30.0706 3.85926 23.0433H3.85937Z" fill="#61BC5B"/>
+<path d="M15.0208 30.0013L16.8957 22.2053C16.8957 22.2053 18.9559 22.0437 20.6844 20.1562C19.6118 22.0362 15.0208 30.0013 15.0208 30.0013V30.0013Z" fill="#5AB055"/>
+<path d="M9.71985 16.089C9.71985 12.6523 12.517 9.86523 15.9659 9.86523C19.4149 9.86523 22.212 12.6523 22.212 16.089C22.212 19.5257 19.4149 22.3127 15.9659 22.3127C12.517 22.3089 9.71985 19.5257 9.71985 16.089V16.089Z" fill="white"/>
+<path d="M10.7653 16.0891C10.7653 13.2291 13.0918 10.9071 15.966 10.9071C18.8363 10.9071 21.1666 13.2252 21.1666 16.0891C21.1666 18.9493 18.8403 21.2713 15.966 21.2713C13.0956 21.2713 10.7653 18.9493 10.7653 16.0891V16.0891Z" fill="url(#paint0_linear_449_13004)"/>
+<path d="M28.6008 9.87685L20.881 12.1334C20.881 12.1334 19.7159 10.4303 17.2121 9.87685C19.3841 9.86528 28.6008 9.87685 28.6008 9.87685V9.87685Z" fill="#EACA05"/>
+<path d="M9.94753 17.7576C8.86331 15.8854 4.4035 8.21228 4.4035 8.21228L10.1211 13.8479C10.1211 13.8479 9.53459 15.0512 9.75459 16.7734L9.94742 17.7576H9.94753Z" fill="#DF3A32"/>
+<defs>
+<linearGradient id="paint0_linear_449_13004" x1="15.9657" y1="10.9803" x2="15.9657" y2="20.9593" gradientUnits="userSpaceOnUse">
+<stop stopColor="#86BBE5"/>
+<stop offset="1" stopColor="#1072BA"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_edge.tsx b/frontend/app/components/ui/Icons/color_browser_edge.tsx
index 7029f16b8..27cf00c3a 100644
--- a/frontend/app/components/ui/Icons/color_browser_edge.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_edge.tsx
@@ -9,80 +9,37 @@ interface Props {
 }
 
 function Color_browser_edge(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M19.5918 15.8727C19.5918 13.2 16.8141 8.58636 10.5564 8.58636C4.29874 8.58636 2 13.8045 2 16.0318C2 8.07727 8.48118 2 16.1756 2C23.87 2 30 7.75909 30 13.6136C30 18.8318 26.073 20.6455 22.8803 20.6455C20.7731 20.6455 18.3786 19.9455 18.3786 18.8318C18.3786 17.9727 19.5918 17.9727 19.5918 15.8727Z"
-        fill="url(#paint0_linear_449_13031)"
-      />
-      <path
-        d="M10.5564 8.5863C16.8141 8.5863 19.5918 13.1999 19.5918 15.8727C19.5918 15.8934 19.5917 15.914 19.5914 15.9344C19.5599 14.1545 18.3581 12.4681 15.984 12.4681C12.9829 12.4681 8.92817 16.5408 9.47092 21.5999C9.90538 25.6496 13.3341 31.0818 20.7731 29.1727C20.7731 29.1727 19.3683 29.9999 15.4413 29.9999C8.48119 29.9999 2 23.6363 2 16.3499C2 16.1569 2.00294 15.9676 2.00888 15.7819C2.16935 13.4382 4.52236 8.5863 10.5564 8.5863Z"
-        fill="url(#paint1_linear_449_13031)"
-      />
-      <path
-        d="M10.5564 8.5863C16.8141 8.5863 19.5918 13.1999 19.5918 15.8727C19.5918 15.8934 19.5917 15.914 19.5914 15.9344C19.5599 14.1545 18.3581 12.4681 15.984 12.4681C12.9829 12.4681 8.92817 16.5408 9.47092 21.5999C9.90538 25.6496 13.3341 31.0818 20.7731 29.1727C20.7731 29.1727 19.3683 29.9999 15.4413 29.9999C8.48119 29.9999 2 23.6363 2 16.3499C2 16.1569 2.00294 15.9676 2.00888 15.7819C2.16935 13.4382 4.52236 8.5863 10.5564 8.5863Z"
-        fill="url(#paint2_radial_449_13031)"
-      />
-      <path
-        d="M19.9065 29.4996C23.8921 28.4124 26.7394 25.0205 27.2543 24.3363C27.829 23.5727 27.9887 23.0954 27.829 22.9363C27.6694 22.7772 27.4459 22.809 26.8712 23.0954C26.2965 23.3818 22.9123 24.7818 19.0491 23.6045C15.1859 22.4272 12.536 19.3727 12.536 16C12.536 13.3909 14.7709 12.4681 15.9841 12.4681C12.983 12.4681 8.92822 16.5409 9.47098 21.6C9.90544 25.6496 13.3342 31.0818 20.7731 29.1727C20.7731 29.1727 20.5138 29.3254 19.9065 29.4996Z"
-        fill="#0E458A"
-      />
-      <path
-        d="M19.9065 29.4996C23.8921 28.4124 26.7394 25.0205 27.2543 24.3363C27.829 23.5727 27.9887 23.0954 27.829 22.9363C27.6694 22.7772 27.4459 22.809 26.8712 23.0954C26.2965 23.3818 22.9123 24.7818 19.0491 23.6045C15.1859 22.4272 12.536 19.3727 12.536 16C12.536 13.3909 14.7709 12.4681 15.9841 12.4681C12.983 12.4681 8.92822 16.5409 9.47098 21.6C9.90544 25.6496 13.3342 31.0818 20.7731 29.1727C20.7731 29.1727 20.5138 29.3254 19.9065 29.4996Z"
-        fill="url(#paint3_radial_449_13031)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_449_13031"
-          x1="28.3717"
-          y1="18.5455"
-          x2="0.988192"
-          y2="12.0765"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#3BCC50" />
-          <stop offset="0.489583" stopColor="#2ABAD6" />
-          <stop offset="1" stopColor="#7DCFE7" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_449_13031"
-          x1="11.3865"
-          y1="8.5863"
-          x2="11.3865"
-          y2="29.9999"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#035989" />
-          <stop offset="0.265625" stopColor="#1175B6" />
-          <stop offset="1" stopColor="#0470CF" />
-        </linearGradient>
-        <radialGradient
-          id="paint2_radial_449_13031"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(10.9396 18.9909) rotate(59.2143) scale(9.48152 9.49698)"
-        >
-          <stop stopColor="#1284D8" />
-          <stop offset="0.813899" stopColor="#1170B2" stopOpacity="0.767762" />
-          <stop offset="1" stopColor="#0E649B" stopOpacity="0.65" />
-        </radialGradient>
-        <radialGradient
-          id="paint3_radial_449_13031"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(18.666 21.6) rotate(77.9982) scale(7.6769 8.28824)"
-        >
-          <stop stopColor="#104890" />
-          <stop offset="0.69943" stopColor="#12529E" stopOpacity="0.70624" />
-          <stop offset="1" stopColor="#0E4584" stopOpacity="0.58" />
-        </radialGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M19.5918 15.8727C19.5918 13.2 16.8141 8.58636 10.5564 8.58636C4.29874 8.58636 2 13.8045 2 16.0318C2 8.07727 8.48118 2 16.1756 2C23.87 2 30 7.75909 30 13.6136C30 18.8318 26.073 20.6455 22.8803 20.6455C20.7731 20.6455 18.3786 19.9455 18.3786 18.8318C18.3786 17.9727 19.5918 17.9727 19.5918 15.8727Z" fill="url(#paint0_linear_449_13031)"/>
+<path d="M10.5564 8.5863C16.8141 8.5863 19.5918 13.1999 19.5918 15.8727C19.5918 15.8934 19.5917 15.914 19.5914 15.9344C19.5599 14.1545 18.3581 12.4681 15.984 12.4681C12.9829 12.4681 8.92817 16.5408 9.47092 21.5999C9.90538 25.6496 13.3341 31.0818 20.7731 29.1727C20.7731 29.1727 19.3683 29.9999 15.4413 29.9999C8.48119 29.9999 2 23.6363 2 16.3499C2 16.1569 2.00294 15.9676 2.00888 15.7819C2.16935 13.4382 4.52236 8.5863 10.5564 8.5863Z" fill="url(#paint1_linear_449_13031)"/>
+<path d="M10.5564 8.5863C16.8141 8.5863 19.5918 13.1999 19.5918 15.8727C19.5918 15.8934 19.5917 15.914 19.5914 15.9344C19.5599 14.1545 18.3581 12.4681 15.984 12.4681C12.9829 12.4681 8.92817 16.5408 9.47092 21.5999C9.90538 25.6496 13.3341 31.0818 20.7731 29.1727C20.7731 29.1727 19.3683 29.9999 15.4413 29.9999C8.48119 29.9999 2 23.6363 2 16.3499C2 16.1569 2.00294 15.9676 2.00888 15.7819C2.16935 13.4382 4.52236 8.5863 10.5564 8.5863Z" fill="url(#paint2_radial_449_13031)"/>
+<path d="M19.9065 29.4996C23.8921 28.4124 26.7394 25.0205 27.2543 24.3363C27.829 23.5727 27.9887 23.0954 27.829 22.9363C27.6694 22.7772 27.4459 22.809 26.8712 23.0954C26.2965 23.3818 22.9123 24.7818 19.0491 23.6045C15.1859 22.4272 12.536 19.3727 12.536 16C12.536 13.3909 14.7709 12.4681 15.9841 12.4681C12.983 12.4681 8.92822 16.5409 9.47098 21.6C9.90544 25.6496 13.3342 31.0818 20.7731 29.1727C20.7731 29.1727 20.5138 29.3254 19.9065 29.4996Z" fill="#0E458A"/>
+<path d="M19.9065 29.4996C23.8921 28.4124 26.7394 25.0205 27.2543 24.3363C27.829 23.5727 27.9887 23.0954 27.829 22.9363C27.6694 22.7772 27.4459 22.809 26.8712 23.0954C26.2965 23.3818 22.9123 24.7818 19.0491 23.6045C15.1859 22.4272 12.536 19.3727 12.536 16C12.536 13.3909 14.7709 12.4681 15.9841 12.4681C12.983 12.4681 8.92822 16.5409 9.47098 21.6C9.90544 25.6496 13.3342 31.0818 20.7731 29.1727C20.7731 29.1727 20.5138 29.3254 19.9065 29.4996Z" fill="url(#paint3_radial_449_13031)"/>
+<defs>
+<linearGradient id="paint0_linear_449_13031" x1="28.3717" y1="18.5455" x2="0.988192" y2="12.0765" gradientUnits="userSpaceOnUse">
+<stop stopColor="#3BCC50"/>
+<stop offset="0.489583" stopColor="#2ABAD6"/>
+<stop offset="1" stopColor="#7DCFE7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_449_13031" x1="11.3865" y1="8.5863" x2="11.3865" y2="29.9999" gradientUnits="userSpaceOnUse">
+<stop stopColor="#035989"/>
+<stop offset="0.265625" stopColor="#1175B6"/>
+<stop offset="1" stopColor="#0470CF"/>
+</linearGradient>
+<radialGradient id="paint2_radial_449_13031" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10.9396 18.9909) rotate(59.2143) scale(9.48152 9.49698)">
+<stop stopColor="#1284D8"/>
+<stop offset="0.813899" stopColor="#1170B2" stopOpacity="0.767762"/>
+<stop offset="1" stopColor="#0E649B" stopOpacity="0.65"/>
+</radialGradient>
+<radialGradient id="paint3_radial_449_13031" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.666 21.6) rotate(77.9982) scale(7.6769 8.28824)">
+<stop stopColor="#104890"/>
+<stop offset="0.69943" stopColor="#12529E" stopOpacity="0.70624"/>
+<stop offset="1" stopColor="#0E4584" stopOpacity="0.58"/>
+</radialGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_facebook.tsx b/frontend/app/components/ui/Icons/color_browser_facebook.tsx
index 848f8397e..92e6879f0 100644
--- a/frontend/app/components/ui/Icons/color_browser_facebook.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_facebook.tsx
@@ -9,28 +9,18 @@ interface Props {
 }
 
 function Color_browser_facebook(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <circle cx="16" cy="16" r="14" fill="url(#paint0_linear_449_13784)" />
-      <path
-        d="M21.2137 20.2816L21.8356 16.3301H17.9452V13.767C17.9452 12.6857 18.4877 11.6311 20.2302 11.6311H22V8.26699C22 8.26699 20.3945 8 18.8603 8C15.6548 8 13.5617 9.89294 13.5617 13.3184V16.3301H10V20.2816H13.5617V29.8345C14.2767 29.944 15.0082 30 15.7534 30C16.4986 30 17.2302 29.944 17.9452 29.8345V20.2816H21.2137Z"
-        fill="white"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_449_13784"
-          x1="16"
-          y1="2"
-          x2="16"
-          y2="29.917"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#18ACFE" />
-          <stop offset="1" stopColor="#0163E0" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<circle cx="16" cy="16" r="14" fill="url(#paint0_linear_449_13784)"/>
+<path d="M21.2137 20.2816L21.8356 16.3301H17.9452V13.767C17.9452 12.6857 18.4877 11.6311 20.2302 11.6311H22V8.26699C22 8.26699 20.3945 8 18.8603 8C15.6548 8 13.5617 9.89294 13.5617 13.3184V16.3301H10V20.2816H13.5617V29.8345C14.2767 29.944 15.0082 30 15.7534 30C16.4986 30 17.2302 29.944 17.9452 29.8345V20.2816H21.2137Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_449_13784" x1="16" y1="2" x2="16" y2="29.917" gradientUnits="userSpaceOnUse">
+<stop stopColor="#18ACFE"/>
+<stop offset="1" stopColor="#0163E0"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_firefox.tsx b/frontend/app/components/ui/Icons/color_browser_firefox.tsx
index f57aea9b0..37b0f388e 100644
--- a/frontend/app/components/ui/Icons/color_browser_firefox.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_firefox.tsx
@@ -9,234 +9,114 @@ interface Props {
 }
 
 function Color_browser_firefox(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 1 28 29">
-      <path
-        d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C14.1368 8.90428 12.7913 9.42358 11.683 10.298C11.5672 10.1998 11.4461 10.1081 11.3202 10.0232C11.0008 8.9027 10.9873 7.71683 11.2811 6.58931C9.84091 7.24697 8.72095 8.28463 7.90664 9.20303H7.90023C7.34433 8.49742 7.38341 6.17015 7.41491 5.68435C7.40849 5.65395 7.00076 5.89656 6.94826 5.93339C6.45773 6.2841 5.9992 6.67771 5.57805 7.1096C5.0988 7.59655 4.66096 8.12276 4.26909 8.68274C3.36752 9.96323 2.72814 11.4101 2.3879 12.9398C2.38149 12.9702 2.37565 13.0017 2.36924 13.0327C2.34299 13.1561 2.24791 13.7751 2.23099 13.9096V13.9406C2.10704 14.5803 2.02984 15.2282 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM12.8327 21.7239C12.8981 21.7549 12.9599 21.7894 13.027 21.8198L13.0363 21.8256C12.9692 21.7929 12.901 21.759 12.8333 21.7239H12.8327ZM27.6017 11.4642V11.4508V11.466V11.4642Z"
-        fill="url(#paint0_linear_449_13012)"
-      />
-      <path
-        d="M28.9905 10.7265C28.3815 9.25741 27.1472 7.67141 26.1783 7.17041C26.967 8.72017 27.4231 10.2746 27.5975 11.4344V11.4631C28.9205 15.0572 28.1995 18.7121 27.1612 20.9452C25.5548 24.4002 21.6658 27.9416 15.5778 27.7692C9.00557 27.5821 3.2115 22.6885 2.12945 16.2842C1.93229 15.2735 2.12945 14.7608 2.22862 13.9406C2.10787 14.5725 2.06179 14.7555 2.00171 15.8791V15.951C2.00171 23.7098 8.27817 30 16.0199 30C22.9538 30 28.7105 24.9549 29.8381 18.328C29.8614 18.1485 29.8806 17.9673 29.9016 17.7861C30.1787 15.3764 29.869 12.8439 28.9905 10.7265V10.7265Z"
-        fill="url(#paint1_radial_449_13012)"
-      />
-      <path
-        d="M28.9905 10.7265C28.3815 9.25741 27.1472 7.67141 26.1783 7.17041C26.967 8.72017 27.4231 10.2746 27.5975 11.4344V11.4631C28.9205 15.0572 28.1995 18.7121 27.1612 20.9452C25.5548 24.4002 21.6658 27.9416 15.5778 27.7692C9.00557 27.5821 3.2115 22.6885 2.12945 16.2842C1.93229 15.2735 2.12945 14.7608 2.22862 13.9406C2.10787 14.5725 2.06179 14.7555 2.00171 15.8791V15.951C2.00171 23.7098 8.27817 30 16.0199 30C22.9538 30 28.7105 24.9549 29.8381 18.328C29.8614 18.1485 29.8806 17.9673 29.9016 17.7861C30.1787 15.3764 29.869 12.8439 28.9905 10.7265V10.7265Z"
-        fill="url(#paint2_radial_449_13012)"
-      />
-      <path
-        d="M22.1781 12.3774C22.209 12.399 22.2364 12.4207 22.2656 12.4423C21.9138 11.8162 21.4754 11.2431 20.9636 10.74C16.6063 6.37304 19.8215 1.2707 20.3634 1.01114L20.3692 1.00354C16.8477 3.07067 15.6531 6.8945 15.5435 8.80788C15.7068 8.79677 15.8695 8.78274 16.0358 8.78274C18.6636 8.78274 20.9525 10.2314 22.1781 12.3774Z"
-        fill="url(#paint3_radial_449_13012)"
-      />
-      <path
-        d="M16.0445 13.2496C16.0218 13.6004 14.7898 14.8047 14.3587 14.8047C10.3724 14.8047 9.72546 17.2214 9.72546 17.2214C9.90046 19.2569 11.3156 20.933 13.0276 21.8198C13.1058 21.8601 13.1845 21.8964 13.2609 21.9326C13.398 21.9911 13.5357 22.0495 13.6728 22.1016C14.2599 22.3091 14.8747 22.4273 15.4968 22.4523C22.4837 22.7809 23.8382 14.0798 18.7954 11.5532C20.0863 11.3281 21.4268 11.849 22.1751 12.3757C20.9502 10.2296 18.6607 8.78101 16.0328 8.78101C15.8666 8.78101 15.7039 8.79504 15.5405 8.80614C14.1344 8.90378 12.7901 9.42366 11.6831 10.298C11.8971 10.4798 12.1386 10.7219 12.6467 11.2234C13.5998 12.1658 16.0393 13.1356 16.0445 13.2496V13.2496Z"
-        fill="url(#paint4_radial_449_13012)"
-      />
-      <path
-        d="M16.0445 13.2496C16.0218 13.6004 14.7898 14.8047 14.3587 14.8047C10.3724 14.8047 9.72546 17.2214 9.72546 17.2214C9.90046 19.2569 11.3156 20.933 13.0276 21.8198C13.1058 21.8601 13.1845 21.8964 13.2609 21.9326C13.398 21.9911 13.5357 22.0495 13.6728 22.1016C14.2599 22.3091 14.8747 22.4273 15.4968 22.4523C22.4837 22.7809 23.8382 14.0798 18.7954 11.5532C20.0863 11.3281 21.4268 11.849 22.1751 12.3757C20.9502 10.2296 18.6607 8.78101 16.0328 8.78101C15.8666 8.78101 15.7039 8.79504 15.5405 8.80614C14.1344 8.90378 12.7901 9.42366 11.6831 10.298C11.8971 10.4798 12.1386 10.7219 12.6467 11.2234C13.5998 12.1658 16.0393 13.1356 16.0445 13.2496V13.2496Z"
-        fill="url(#paint5_radial_449_13012)"
-      />
-      <path
-        d="M11.0314 9.83093C11.1452 9.90459 11.2385 9.96656 11.3231 10.0233C11.0037 8.90275 10.9902 7.71688 11.284 6.58936C9.84382 7.24702 8.72385 8.28468 7.90955 9.20308C7.97546 9.20132 10.0089 9.16449 11.0314 9.83093V9.83093Z"
-        fill="url(#paint6_radial_449_13012)"
-      />
-      <path
-        d="M2.12982 16.2842C3.21187 22.6884 9.00594 27.582 15.5828 27.7691C21.6709 27.9416 25.5575 24.4001 27.1663 20.9451C28.2046 18.7114 28.9255 15.0571 27.6026 11.463V11.4361C27.6026 11.4396 27.6026 11.4443 27.6055 11.4595C28.1025 14.7139 26.4511 17.8667 23.8694 19.9987C23.8667 20.0047 23.8642 20.0107 23.8618 20.0168C18.8307 24.1224 14.0166 22.4937 13.0419 21.829C12.9742 21.7963 12.906 21.7624 12.8383 21.7273C9.90482 20.3243 8.69328 17.6439 8.95285 15.3471C6.47668 15.3471 5.63204 13.253 5.63204 13.253C5.63204 13.253 7.85564 11.6641 10.7862 13.0461C13.5004 14.3264 16.0495 13.2536 16.0495 13.253C16.0442 13.1391 13.6048 12.1663 12.6534 11.2268C12.1453 10.7253 11.9038 10.4832 11.6898 10.3014C11.5739 10.2033 11.4528 10.1115 11.3269 10.0267C11.2435 9.96821 11.1519 9.90975 11.0353 9.83434C10.0127 9.1679 7.9793 9.20473 7.91222 9.20648H7.9058C7.3499 8.50088 7.38899 6.17361 7.42049 5.68781C7.41407 5.65741 7.00633 5.90002 6.95383 5.93685C6.46331 6.28755 6.00478 6.68116 5.58363 7.11305C5.10438 7.6 4.66654 8.12621 4.27467 8.68619C3.3731 9.96669 2.73372 11.4136 2.39348 12.9432C2.3824 12.9701 1.88366 15.1524 2.12982 16.2842V16.2842Z"
-        fill="url(#paint7_radial_449_13012)"
-      />
-      <path
-        d="M20.9636 10.7399C21.4754 11.2431 21.9137 11.8162 22.2655 12.4423C22.3384 12.4971 22.4085 12.5557 22.4755 12.6176C25.6534 15.55 23.991 19.7012 23.8644 19.9993C26.4461 17.8673 28.0975 14.7146 27.6005 11.4601C26.0157 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6912 1.68397 20.648 1.59336C20.557 1.41757 20.4868 1.23179 20.4386 1.03975C20.439 1.03063 20.436 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3764 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111C19.8214 1.27066 16.6062 6.37301 20.9636 10.7399V10.7399Z"
-        fill="url(#paint8_radial_449_13012)"
-      />
-      <path
-        d="M22.4743 12.6147C22.4073 12.5528 22.3372 12.4942 22.2643 12.4394C22.2357 12.4177 22.206 12.3961 22.1768 12.3745C21.4284 11.8483 20.088 11.3269 18.7971 11.5519C23.8393 14.0786 22.4854 22.7797 15.4985 22.4511C14.8764 22.4261 14.2616 22.3079 13.6744 22.1004C13.5374 22.0489 13.3997 21.9922 13.2626 21.9314C13.1833 21.8952 13.1045 21.8589 13.0293 21.8186L13.0386 21.8244C14.0133 22.4909 18.8274 24.1196 23.8585 20.0122C23.8585 20.0122 23.8614 20.0046 23.8661 19.9941C23.9909 19.7012 25.6534 15.55 22.4743 12.6147Z"
-        fill="url(#paint9_radial_449_13012)"
-      />
-      <path
-        d="M9.72532 17.2214C9.72532 17.2214 10.3722 14.8047 14.3586 14.8047C14.7897 14.8047 16.0216 13.5992 16.0444 13.2497C16.0671 12.9001 13.4953 14.323 10.7811 13.0427C7.85055 11.6607 5.62695 13.2497 5.62695 13.2497C5.62695 13.2497 6.47159 15.3437 8.94776 15.3437C8.68819 17.6405 9.89973 20.3186 12.8332 21.7239C12.8986 21.7549 12.9604 21.7894 13.0275 21.8198C11.3154 20.9347 9.90207 19.2569 9.72532 17.2214Z"
-        fill="url(#paint10_radial_449_13012)"
-      />
-      <path
-        d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C15.7073 8.79673 15.8701 8.78271 16.0363 8.78271C18.6641 8.78271 20.9531 10.2313 22.1786 12.3774C21.4302 11.8512 20.0897 11.3298 18.7989 11.5549C23.841 14.0815 22.4872 22.7826 15.5002 22.454C14.8782 22.429 14.2633 22.3108 13.6762 22.1033C13.5391 22.0518 13.4015 21.9951 13.2644 21.9343C13.1851 21.8981 13.1063 21.8618 13.0311 21.8215L13.0404 21.8273C12.9727 21.7946 12.9045 21.7607 12.8368 21.7256C12.9021 21.7566 12.964 21.7911 13.0311 21.8215C11.3155 20.9347 9.90216 19.2569 9.72542 17.2213C9.72542 17.2213 10.3723 14.8046 14.3587 14.8046C14.7898 14.8046 16.0217 13.5992 16.0445 13.2496C16.0392 13.1356 13.5998 12.1628 12.6484 11.2234C12.1403 10.7218 11.8988 10.4798 11.6848 10.298C11.5689 10.1998 11.4478 10.1081 11.3219 10.0232C11.0026 8.9027 10.9891 7.71683 11.2829 6.58931C9.84266 7.24697 8.7227 8.28463 7.90839 9.20303H7.90198C7.34608 8.49742 7.38516 6.17015 7.41666 5.68435C7.41024 5.65395 7.00251 5.89656 6.95001 5.93339C6.45948 6.2841 6.00095 6.67771 5.5798 7.1096C5.10055 7.59655 4.66271 8.12276 4.27084 8.68274C3.36927 9.96323 2.72989 11.4101 2.38965 12.9398C2.38324 12.9702 2.3774 13.0017 2.37099 13.0327C2.34474 13.1561 2.22574 13.7839 2.20941 13.9184C2.20941 13.9289 2.20941 13.9084 2.20941 13.9184C2.10019 14.5671 2.03026 15.2219 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM27.5999 11.4479V11.4631V11.4479Z"
-        fill="url(#paint11_linear_449_13012)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_449_13012"
-          x1="27.135"
-          y1="5.49261"
-          x2="3.81392"
-          y2="27.9437"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.05" stopColor="#FFF44F" />
-          <stop offset="0.11" stopColor="#FFE847" />
-          <stop offset="0.22" stopColor="#FFC830" />
-          <stop offset="0.37" stopColor="#FF980E" />
-          <stop offset="0.4" stopColor="#FF8B16" />
-          <stop offset="0.46" stopColor="#FF672A" />
-          <stop offset="0.53" stopColor="#FF3647" />
-          <stop offset="0.7" stopColor="#E31587" />
-        </linearGradient>
-        <radialGradient
-          id="paint1_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(26.0593 4.21879) scale(29.2246 29.2888)"
-        >
-          <stop offset="0.13" stopColor="#FFBD4F" />
-          <stop offset="0.19" stopColor="#FFAC31" />
-          <stop offset="0.25" stopColor="#FF9D17" />
-          <stop offset="0.28" stopColor="#FF980E" />
-          <stop offset="0.4" stopColor="#FF563B" />
-          <stop offset="0.47" stopColor="#FF3750" />
-          <stop offset="0.71" stopColor="#F5156C" />
-          <stop offset="0.78" stopColor="#EB0878" />
-          <stop offset="0.86" stopColor="#E50080" />
-        </radialGradient>
-        <radialGradient
-          id="paint2_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(15.3806 16.1925) scale(29.2246 29.2888)"
-        >
-          <stop offset="0.3" stopColor="#960E18" />
-          <stop offset="0.35" stopColor="#B11927" stopOpacity="0.74" />
-          <stop offset="0.43" stopColor="#DB293D" stopOpacity="0.34" />
-          <stop offset="0.5" stopColor="#F5334B" stopOpacity="0.09" />
-          <stop offset="0.53" stopColor="#FF3750" stopOpacity="0" />
-        </radialGradient>
-        <radialGradient
-          id="paint3_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(18.9045 -2.42803) scale(21.172 21.2184)"
-        >
-          <stop offset="0.13" stopColor="#FFF44F" />
-          <stop offset="0.25" stopColor="#FFDC3E" />
-          <stop offset="0.51" stopColor="#FF9D12" />
-          <stop offset="0.53" stopColor="#FF980E" />
-        </radialGradient>
-        <radialGradient
-          id="paint4_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(12.1486 23.8431) scale(13.915 13.9455)"
-        >
-          <stop offset="0.35" stopColor="#3A8EE6" />
-          <stop offset="0.47" stopColor="#5C79F0" />
-          <stop offset="0.67" stopColor="#9059FF" />
-          <stop offset="1" stopColor="#C139E6" />
-        </radialGradient>
-        <radialGradient
-          id="paint5_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(15.8004 12.7116) rotate(-13.9265) scale(7.37316 8.67852)"
-        >
-          <stop offset="0.21" stopColor="#9059FF" stopOpacity="0" />
-          <stop offset="0.28" stopColor="#8C4FF3" stopOpacity="0.06" />
-          <stop offset="0.75" stopColor="#7716A8" stopOpacity="0.45" />
-          <stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6" />
-        </radialGradient>
-        <radialGradient
-          id="paint6_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(15.0114 3.02041) scale(10.0108 10.0328)"
-        >
-          <stop stopColor="#FFE226" />
-          <stop offset="0.12" stopColor="#FFDB27" />
-          <stop offset="0.3" stopColor="#FFC82A" />
-          <stop offset="0.5" stopColor="#FFA930" />
-          <stop offset="0.73" stopColor="#FF7E37" />
-          <stop offset="0.79" stopColor="#FF7139" />
-        </radialGradient>
-        <radialGradient
-          id="paint7_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(22.8807 -3.34301) scale(42.7109 42.8046)"
-        >
-          <stop offset="0.11" stopColor="#FFF44F" />
-          <stop offset="0.46" stopColor="#FF980E" />
-          <stop offset="0.62" stopColor="#FF5634" />
-          <stop offset="0.72" stopColor="#FF3647" />
-          <stop offset="0.9" stopColor="#E31587" />
-        </radialGradient>
-        <radialGradient
-          id="paint8_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(18.7518 1.33374) rotate(84.2447) scale(31.1996 20.4543)"
-        >
-          <stop stopColor="#FFF44F" />
-          <stop offset="0.06" stopColor="#FFE847" />
-          <stop offset="0.17" stopColor="#FFC830" />
-          <stop offset="0.3" stopColor="#FF980E" />
-          <stop offset="0.36" stopColor="#FF8B16" />
-          <stop offset="0.45" stopColor="#FF672A" />
-          <stop offset="0.57" stopColor="#FF3647" />
-          <stop offset="0.74" stopColor="#E31587" />
-        </radialGradient>
-        <radialGradient
-          id="paint9_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(14.7757 6.73605) scale(26.6644 26.723)"
-        >
-          <stop offset="0.14" stopColor="#FFF44F" />
-          <stop offset="0.48" stopColor="#FF980E" />
-          <stop offset="0.59" stopColor="#FF5634" />
-          <stop offset="0.66" stopColor="#FF3647" />
-          <stop offset="0.9" stopColor="#E31587" />
-        </radialGradient>
-        <radialGradient
-          id="paint10_radial_449_13012"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(21.8145 8.30047) scale(29.1844 29.2484)"
-        >
-          <stop offset="0.09" stopColor="#FFF44F" />
-          <stop offset="0.23" stopColor="#FFE141" />
-          <stop offset="0.51" stopColor="#FFAF1E" />
-          <stop offset="0.63" stopColor="#FF980E" />
-        </radialGradient>
-        <linearGradient
-          id="paint11_linear_449_13012"
-          x1="26.855"
-          y1="5.37218"
-          x2="7.01043"
-          y2="25.1739"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.17" stopColor="#FFF44F" stopOpacity="0.8" />
-          <stop offset="0.27" stopColor="#FFF44F" stopOpacity="0.63" />
-          <stop offset="0.49" stopColor="#FFF44F" stopOpacity="0.22" />
-          <stop offset="0.6" stopColor="#FFF44F" stopOpacity="0" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 1 28 29">
+<path d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C14.1368 8.90428 12.7913 9.42358 11.683 10.298C11.5672 10.1998 11.4461 10.1081 11.3202 10.0232C11.0008 8.9027 10.9873 7.71683 11.2811 6.58931C9.84091 7.24697 8.72095 8.28463 7.90664 9.20303H7.90023C7.34433 8.49742 7.38341 6.17015 7.41491 5.68435C7.40849 5.65395 7.00076 5.89656 6.94826 5.93339C6.45773 6.2841 5.9992 6.67771 5.57805 7.1096C5.0988 7.59655 4.66096 8.12276 4.26909 8.68274C3.36752 9.96323 2.72814 11.4101 2.3879 12.9398C2.38149 12.9702 2.37565 13.0017 2.36924 13.0327C2.34299 13.1561 2.24791 13.7751 2.23099 13.9096V13.9406C2.10704 14.5803 2.02984 15.2282 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM12.8327 21.7239C12.8981 21.7549 12.9599 21.7894 13.027 21.8198L13.0363 21.8256C12.9692 21.7929 12.901 21.759 12.8333 21.7239H12.8327ZM27.6017 11.4642V11.4508V11.466V11.4642Z" fill="url(#paint0_linear_449_13012)"/>
+<path d="M28.9905 10.7265C28.3815 9.25741 27.1472 7.67141 26.1783 7.17041C26.967 8.72017 27.4231 10.2746 27.5975 11.4344V11.4631C28.9205 15.0572 28.1995 18.7121 27.1612 20.9452C25.5548 24.4002 21.6658 27.9416 15.5778 27.7692C9.00557 27.5821 3.2115 22.6885 2.12945 16.2842C1.93229 15.2735 2.12945 14.7608 2.22862 13.9406C2.10787 14.5725 2.06179 14.7555 2.00171 15.8791V15.951C2.00171 23.7098 8.27817 30 16.0199 30C22.9538 30 28.7105 24.9549 29.8381 18.328C29.8614 18.1485 29.8806 17.9673 29.9016 17.7861C30.1787 15.3764 29.869 12.8439 28.9905 10.7265V10.7265Z" fill="url(#paint1_radial_449_13012)"/>
+<path d="M28.9905 10.7265C28.3815 9.25741 27.1472 7.67141 26.1783 7.17041C26.967 8.72017 27.4231 10.2746 27.5975 11.4344V11.4631C28.9205 15.0572 28.1995 18.7121 27.1612 20.9452C25.5548 24.4002 21.6658 27.9416 15.5778 27.7692C9.00557 27.5821 3.2115 22.6885 2.12945 16.2842C1.93229 15.2735 2.12945 14.7608 2.22862 13.9406C2.10787 14.5725 2.06179 14.7555 2.00171 15.8791V15.951C2.00171 23.7098 8.27817 30 16.0199 30C22.9538 30 28.7105 24.9549 29.8381 18.328C29.8614 18.1485 29.8806 17.9673 29.9016 17.7861C30.1787 15.3764 29.869 12.8439 28.9905 10.7265V10.7265Z" fill="url(#paint2_radial_449_13012)"/>
+<path d="M22.1781 12.3774C22.209 12.399 22.2364 12.4207 22.2656 12.4423C21.9138 11.8162 21.4754 11.2431 20.9636 10.74C16.6063 6.37304 19.8215 1.2707 20.3634 1.01114L20.3692 1.00354C16.8477 3.07067 15.6531 6.8945 15.5435 8.80788C15.7068 8.79677 15.8695 8.78274 16.0358 8.78274C18.6636 8.78274 20.9525 10.2314 22.1781 12.3774Z" fill="url(#paint3_radial_449_13012)"/>
+<path d="M16.0445 13.2496C16.0218 13.6004 14.7898 14.8047 14.3587 14.8047C10.3724 14.8047 9.72546 17.2214 9.72546 17.2214C9.90046 19.2569 11.3156 20.933 13.0276 21.8198C13.1058 21.8601 13.1845 21.8964 13.2609 21.9326C13.398 21.9911 13.5357 22.0495 13.6728 22.1016C14.2599 22.3091 14.8747 22.4273 15.4968 22.4523C22.4837 22.7809 23.8382 14.0798 18.7954 11.5532C20.0863 11.3281 21.4268 11.849 22.1751 12.3757C20.9502 10.2296 18.6607 8.78101 16.0328 8.78101C15.8666 8.78101 15.7039 8.79504 15.5405 8.80614C14.1344 8.90378 12.7901 9.42366 11.6831 10.298C11.8971 10.4798 12.1386 10.7219 12.6467 11.2234C13.5998 12.1658 16.0393 13.1356 16.0445 13.2496V13.2496Z" fill="url(#paint4_radial_449_13012)"/>
+<path d="M16.0445 13.2496C16.0218 13.6004 14.7898 14.8047 14.3587 14.8047C10.3724 14.8047 9.72546 17.2214 9.72546 17.2214C9.90046 19.2569 11.3156 20.933 13.0276 21.8198C13.1058 21.8601 13.1845 21.8964 13.2609 21.9326C13.398 21.9911 13.5357 22.0495 13.6728 22.1016C14.2599 22.3091 14.8747 22.4273 15.4968 22.4523C22.4837 22.7809 23.8382 14.0798 18.7954 11.5532C20.0863 11.3281 21.4268 11.849 22.1751 12.3757C20.9502 10.2296 18.6607 8.78101 16.0328 8.78101C15.8666 8.78101 15.7039 8.79504 15.5405 8.80614C14.1344 8.90378 12.7901 9.42366 11.6831 10.298C11.8971 10.4798 12.1386 10.7219 12.6467 11.2234C13.5998 12.1658 16.0393 13.1356 16.0445 13.2496V13.2496Z" fill="url(#paint5_radial_449_13012)"/>
+<path d="M11.0314 9.83093C11.1452 9.90459 11.2385 9.96656 11.3231 10.0233C11.0037 8.90275 10.9902 7.71688 11.284 6.58936C9.84382 7.24702 8.72385 8.28468 7.90955 9.20308C7.97546 9.20132 10.0089 9.16449 11.0314 9.83093V9.83093Z" fill="url(#paint6_radial_449_13012)"/>
+<path d="M2.12982 16.2842C3.21187 22.6884 9.00594 27.582 15.5828 27.7691C21.6709 27.9416 25.5575 24.4001 27.1663 20.9451C28.2046 18.7114 28.9255 15.0571 27.6026 11.463V11.4361C27.6026 11.4396 27.6026 11.4443 27.6055 11.4595C28.1025 14.7139 26.4511 17.8667 23.8694 19.9987C23.8667 20.0047 23.8642 20.0107 23.8618 20.0168C18.8307 24.1224 14.0166 22.4937 13.0419 21.829C12.9742 21.7963 12.906 21.7624 12.8383 21.7273C9.90482 20.3243 8.69328 17.6439 8.95285 15.3471C6.47668 15.3471 5.63204 13.253 5.63204 13.253C5.63204 13.253 7.85564 11.6641 10.7862 13.0461C13.5004 14.3264 16.0495 13.2536 16.0495 13.253C16.0442 13.1391 13.6048 12.1663 12.6534 11.2268C12.1453 10.7253 11.9038 10.4832 11.6898 10.3014C11.5739 10.2033 11.4528 10.1115 11.3269 10.0267C11.2435 9.96821 11.1519 9.90975 11.0353 9.83434C10.0127 9.1679 7.9793 9.20473 7.91222 9.20648H7.9058C7.3499 8.50088 7.38899 6.17361 7.42049 5.68781C7.41407 5.65741 7.00633 5.90002 6.95383 5.93685C6.46331 6.28755 6.00478 6.68116 5.58363 7.11305C5.10438 7.6 4.66654 8.12621 4.27467 8.68619C3.3731 9.96669 2.73372 11.4136 2.39348 12.9432C2.3824 12.9701 1.88366 15.1524 2.12982 16.2842V16.2842Z" fill="url(#paint7_radial_449_13012)"/>
+<path d="M20.9636 10.7399C21.4754 11.2431 21.9137 11.8162 22.2655 12.4423C22.3384 12.4971 22.4085 12.5557 22.4755 12.6176C25.6534 15.55 23.991 19.7012 23.8644 19.9993C26.4461 17.8673 28.0975 14.7146 27.6005 11.4601C26.0157 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6912 1.68397 20.648 1.59336C20.557 1.41757 20.4868 1.23179 20.4386 1.03975C20.439 1.03063 20.436 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3764 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111C19.8214 1.27066 16.6062 6.37301 20.9636 10.7399V10.7399Z" fill="url(#paint8_radial_449_13012)"/>
+<path d="M22.4743 12.6147C22.4073 12.5528 22.3372 12.4942 22.2643 12.4394C22.2357 12.4177 22.206 12.3961 22.1768 12.3745C21.4284 11.8483 20.088 11.3269 18.7971 11.5519C23.8393 14.0786 22.4854 22.7797 15.4985 22.4511C14.8764 22.4261 14.2616 22.3079 13.6744 22.1004C13.5374 22.0489 13.3997 21.9922 13.2626 21.9314C13.1833 21.8952 13.1045 21.8589 13.0293 21.8186L13.0386 21.8244C14.0133 22.4909 18.8274 24.1196 23.8585 20.0122C23.8585 20.0122 23.8614 20.0046 23.8661 19.9941C23.9909 19.7012 25.6534 15.55 22.4743 12.6147Z" fill="url(#paint9_radial_449_13012)"/>
+<path d="M9.72532 17.2214C9.72532 17.2214 10.3722 14.8047 14.3586 14.8047C14.7897 14.8047 16.0216 13.5992 16.0444 13.2497C16.0671 12.9001 13.4953 14.323 10.7811 13.0427C7.85055 11.6607 5.62695 13.2497 5.62695 13.2497C5.62695 13.2497 6.47159 15.3437 8.94776 15.3437C8.68819 17.6405 9.89973 20.3186 12.8332 21.7239C12.8986 21.7549 12.9604 21.7894 13.0275 21.8198C11.3154 20.9347 9.90207 19.2569 9.72532 17.2214Z" fill="url(#paint10_radial_449_13012)"/>
+<path d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C15.7073 8.79673 15.8701 8.78271 16.0363 8.78271C18.6641 8.78271 20.9531 10.2313 22.1786 12.3774C21.4302 11.8512 20.0897 11.3298 18.7989 11.5549C23.841 14.0815 22.4872 22.7826 15.5002 22.454C14.8782 22.429 14.2633 22.3108 13.6762 22.1033C13.5391 22.0518 13.4015 21.9951 13.2644 21.9343C13.1851 21.8981 13.1063 21.8618 13.0311 21.8215L13.0404 21.8273C12.9727 21.7946 12.9045 21.7607 12.8368 21.7256C12.9021 21.7566 12.964 21.7911 13.0311 21.8215C11.3155 20.9347 9.90216 19.2569 9.72542 17.2213C9.72542 17.2213 10.3723 14.8046 14.3587 14.8046C14.7898 14.8046 16.0217 13.5992 16.0445 13.2496C16.0392 13.1356 13.5998 12.1628 12.6484 11.2234C12.1403 10.7218 11.8988 10.4798 11.6848 10.298C11.5689 10.1998 11.4478 10.1081 11.3219 10.0232C11.0026 8.9027 10.9891 7.71683 11.2829 6.58931C9.84266 7.24697 8.7227 8.28463 7.90839 9.20303H7.90198C7.34608 8.49742 7.38516 6.17015 7.41666 5.68435C7.41024 5.65395 7.00251 5.89656 6.95001 5.93339C6.45948 6.2841 6.00095 6.67771 5.5798 7.1096C5.10055 7.59655 4.66271 8.12276 4.27084 8.68274C3.36927 9.96323 2.72989 11.4101 2.38965 12.9398C2.38324 12.9702 2.3774 13.0017 2.37099 13.0327C2.34474 13.1561 2.22574 13.7839 2.20941 13.9184C2.20941 13.9289 2.20941 13.9084 2.20941 13.9184C2.10019 14.5671 2.03026 15.2219 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM27.5999 11.4479V11.4631V11.4479Z" fill="url(#paint11_linear_449_13012)"/>
+<defs>
+<linearGradient id="paint0_linear_449_13012" x1="27.135" y1="5.49261" x2="3.81392" y2="27.9437" gradientUnits="userSpaceOnUse">
+<stop offset="0.05" stopColor="#FFF44F"/>
+<stop offset="0.11" stopColor="#FFE847"/>
+<stop offset="0.22" stopColor="#FFC830"/>
+<stop offset="0.37" stopColor="#FF980E"/>
+<stop offset="0.4" stopColor="#FF8B16"/>
+<stop offset="0.46" stopColor="#FF672A"/>
+<stop offset="0.53" stopColor="#FF3647"/>
+<stop offset="0.7" stopColor="#E31587"/>
+</linearGradient>
+<radialGradient id="paint1_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26.0593 4.21879) scale(29.2246 29.2888)">
+<stop offset="0.13" stopColor="#FFBD4F"/>
+<stop offset="0.19" stopColor="#FFAC31"/>
+<stop offset="0.25" stopColor="#FF9D17"/>
+<stop offset="0.28" stopColor="#FF980E"/>
+<stop offset="0.4" stopColor="#FF563B"/>
+<stop offset="0.47" stopColor="#FF3750"/>
+<stop offset="0.71" stopColor="#F5156C"/>
+<stop offset="0.78" stopColor="#EB0878"/>
+<stop offset="0.86" stopColor="#E50080"/>
+</radialGradient>
+<radialGradient id="paint2_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.3806 16.1925) scale(29.2246 29.2888)">
+<stop offset="0.3" stopColor="#960E18"/>
+<stop offset="0.35" stopColor="#B11927" stopOpacity="0.74"/>
+<stop offset="0.43" stopColor="#DB293D" stopOpacity="0.34"/>
+<stop offset="0.5" stopColor="#F5334B" stopOpacity="0.09"/>
+<stop offset="0.53" stopColor="#FF3750" stopOpacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.9045 -2.42803) scale(21.172 21.2184)">
+<stop offset="0.13" stopColor="#FFF44F"/>
+<stop offset="0.25" stopColor="#FFDC3E"/>
+<stop offset="0.51" stopColor="#FF9D12"/>
+<stop offset="0.53" stopColor="#FF980E"/>
+</radialGradient>
+<radialGradient id="paint4_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.1486 23.8431) scale(13.915 13.9455)">
+<stop offset="0.35" stopColor="#3A8EE6"/>
+<stop offset="0.47" stopColor="#5C79F0"/>
+<stop offset="0.67" stopColor="#9059FF"/>
+<stop offset="1" stopColor="#C139E6"/>
+</radialGradient>
+<radialGradient id="paint5_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.8004 12.7116) rotate(-13.9265) scale(7.37316 8.67852)">
+<stop offset="0.21" stopColor="#9059FF" stopOpacity="0"/>
+<stop offset="0.28" stopColor="#8C4FF3" stopOpacity="0.06"/>
+<stop offset="0.75" stopColor="#7716A8" stopOpacity="0.45"/>
+<stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6"/>
+</radialGradient>
+<radialGradient id="paint6_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.0114 3.02041) scale(10.0108 10.0328)">
+<stop stopColor="#FFE226"/>
+<stop offset="0.12" stopColor="#FFDB27"/>
+<stop offset="0.3" stopColor="#FFC82A"/>
+<stop offset="0.5" stopColor="#FFA930"/>
+<stop offset="0.73" stopColor="#FF7E37"/>
+<stop offset="0.79" stopColor="#FF7139"/>
+</radialGradient>
+<radialGradient id="paint7_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.8807 -3.34301) scale(42.7109 42.8046)">
+<stop offset="0.11" stopColor="#FFF44F"/>
+<stop offset="0.46" stopColor="#FF980E"/>
+<stop offset="0.62" stopColor="#FF5634"/>
+<stop offset="0.72" stopColor="#FF3647"/>
+<stop offset="0.9" stopColor="#E31587"/>
+</radialGradient>
+<radialGradient id="paint8_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.7518 1.33374) rotate(84.2447) scale(31.1996 20.4543)">
+<stop stopColor="#FFF44F"/>
+<stop offset="0.06" stopColor="#FFE847"/>
+<stop offset="0.17" stopColor="#FFC830"/>
+<stop offset="0.3" stopColor="#FF980E"/>
+<stop offset="0.36" stopColor="#FF8B16"/>
+<stop offset="0.45" stopColor="#FF672A"/>
+<stop offset="0.57" stopColor="#FF3647"/>
+<stop offset="0.74" stopColor="#E31587"/>
+</radialGradient>
+<radialGradient id="paint9_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.7757 6.73605) scale(26.6644 26.723)">
+<stop offset="0.14" stopColor="#FFF44F"/>
+<stop offset="0.48" stopColor="#FF980E"/>
+<stop offset="0.59" stopColor="#FF5634"/>
+<stop offset="0.66" stopColor="#FF3647"/>
+<stop offset="0.9" stopColor="#E31587"/>
+</radialGradient>
+<radialGradient id="paint10_radial_449_13012" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.8145 8.30047) scale(29.1844 29.2484)">
+<stop offset="0.09" stopColor="#FFF44F"/>
+<stop offset="0.23" stopColor="#FFE141"/>
+<stop offset="0.51" stopColor="#FFAF1E"/>
+<stop offset="0.63" stopColor="#FF980E"/>
+</radialGradient>
+<linearGradient id="paint11_linear_449_13012" x1="26.855" y1="5.37218" x2="7.01043" y2="25.1739" gradientUnits="userSpaceOnUse">
+<stop offset="0.17" stopColor="#FFF44F" stopOpacity="0.8"/>
+<stop offset="0.27" stopColor="#FFF44F" stopOpacity="0.63"/>
+<stop offset="0.49" stopColor="#FFF44F" stopOpacity="0.22"/>
+<stop offset="0.6" stopColor="#FFF44F" stopOpacity="0"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_google.tsx b/frontend/app/components/ui/Icons/color_browser_google.tsx
index 5e9c06ee5..8da57fab5 100644
--- a/frontend/app/components/ui/Icons/color_browser_google.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_google.tsx
@@ -9,26 +9,14 @@ interface Props {
 }
 
 function Color_browser_google(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30.0014 16.3109C30.0014 15.1598 29.9061 14.3198 29.6998 13.4487H16.2871V18.6442H24.1601C24.0014 19.9354 23.1442 21.8798 21.2394 23.1864L21.2127 23.3604L25.4536 26.58L25.7474 26.6087C28.4458 24.1665 30.0014 20.5731 30.0014 16.3109"
-        fill="#4285F4"
-      />
-      <path
-        d="M16.2862 30C20.1433 30 23.3814 28.7555 25.7465 26.6089L21.2386 23.1865C20.0322 24.011 18.4132 24.5866 16.2862 24.5866C12.5085 24.5866 9.30219 22.1444 8.15923 18.7688L7.9917 18.7827L3.58202 22.1272L3.52435 22.2843C5.87353 26.8577 10.6989 30 16.2862 30Z"
-        fill="#34A853"
-      />
-      <path
-        d="M8.16007 18.7688C7.85848 17.8977 7.68395 16.9643 7.68395 15.9999C7.68395 15.0354 7.85849 14.1021 8.1442 13.231L8.13621 13.0455L3.67126 9.64734L3.52518 9.71544C2.55696 11.6132 2.0014 13.7444 2.0014 15.9999C2.0014 18.2555 2.55696 20.3865 3.52518 22.2843L8.16007 18.7688"
-        fill="#FBBC05"
-      />
-      <path
-        d="M16.2863 7.4133C18.9688 7.4133 20.7783 8.54885 21.8101 9.4978L25.8418 5.64C23.3657 3.38445 20.1434 2 16.2863 2C10.699 2 5.87354 5.1422 3.52435 9.71549L8.14339 13.2311C9.30223 9.85555 12.5086 7.4133 16.2863 7.4133"
-        fill="#EB4335"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30.0014 16.3109C30.0014 15.1598 29.9061 14.3198 29.6998 13.4487H16.2871V18.6442H24.1601C24.0014 19.9354 23.1442 21.8798 21.2394 23.1864L21.2127 23.3604L25.4536 26.58L25.7474 26.6087C28.4458 24.1665 30.0014 20.5731 30.0014 16.3109" fill="#4285F4"/>
+<path d="M16.2862 30C20.1433 30 23.3814 28.7555 25.7465 26.6089L21.2386 23.1865C20.0322 24.011 18.4132 24.5866 16.2862 24.5866C12.5085 24.5866 9.30219 22.1444 8.15923 18.7688L7.9917 18.7827L3.58202 22.1272L3.52435 22.2843C5.87353 26.8577 10.6989 30 16.2862 30Z" fill="#34A853"/>
+<path d="M8.16007 18.7688C7.85848 17.8977 7.68395 16.9643 7.68395 15.9999C7.68395 15.0354 7.85849 14.1021 8.1442 13.231L8.13621 13.0455L3.67126 9.64734L3.52518 9.71544C2.55696 11.6132 2.0014 13.7444 2.0014 15.9999C2.0014 18.2555 2.55696 20.3865 3.52518 22.2843L8.16007 18.7688" fill="#FBBC05"/>
+<path d="M16.2863 7.4133C18.9688 7.4133 20.7783 8.54885 21.8101 9.4978L25.8418 5.64C23.3657 3.38445 20.1434 2 16.2863 2C10.699 2 5.87354 5.1422 3.52435 9.71549L8.14339 13.2311C9.30223 9.85555 12.5086 7.4133 16.2863 7.4133" fill="#EB4335"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_opera.tsx b/frontend/app/components/ui/Icons/color_browser_opera.tsx
index 51f7a10a0..ec328ec01 100644
--- a/frontend/app/components/ui/Icons/color_browser_opera.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_opera.tsx
@@ -9,46 +9,26 @@ interface Props {
 }
 
 function Color_browser_opera(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M11.3953 23.8859C9.84219 22.0594 8.84688 19.3578 8.78125 16.3281V15.6719C8.84688 12.6422 9.85313 9.94063 11.3953 8.11406C13.4078 5.51094 16.3609 4.34062 19.6969 4.34062C21.7531 4.34062 23.6891 4.48281 25.3297 5.57656C22.8688 3.35625 19.6203 2.01094 16.0547 2H16C8.26719 2 2 8.26719 2 16C2 23.5031 7.90625 29.6391 15.3328 29.9891C15.5516 30 15.7812 30 16 30C19.5875 30 22.8578 28.6547 25.3297 26.4344C23.6891 27.5281 21.8625 27.5719 19.8063 27.5719C16.4813 27.5828 13.3969 26.5 11.3953 23.8859V23.8859Z"
-        fill="url(#paint0_linear_449_13008)"
-      />
-      <path
-        d="M11.3953 8.11401C12.675 6.5937 14.3375 5.68589 16.1531 5.68589C20.2328 5.68589 23.5359 10.3015 23.5359 16.0109C23.5359 21.7203 20.2328 26.3359 16.1531 26.3359C14.3375 26.3359 12.6859 25.4171 11.3953 23.9078C13.4078 26.5109 16.3937 28.1734 19.7187 28.1734C21.764 28.1734 23.689 27.55 25.3296 26.4562C28.1953 23.875 30 20.1453 30 16C30 11.8546 28.1953 8.12495 25.3296 5.56558C23.689 4.47183 21.775 3.84839 19.7187 3.84839C16.3828 3.84839 13.3968 5.49995 11.3953 8.11401V8.11401Z"
-        fill="url(#paint1_linear_449_13008)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_449_13008"
-          x1="13.6655"
-          y1="2.4564"
-          x2="13.6655"
-          y2="29.5926"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.3" stopColor="#FF1B2D" />
-          <stop offset="0.4381" stopColor="#FA1A2C" />
-          <stop offset="0.5939" stopColor="#ED1528" />
-          <stop offset="0.7581" stopColor="#D60E21" />
-          <stop offset="0.9272" stopColor="#B70519" />
-          <stop offset="1" stopColor="#A70014" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_449_13008"
-          x1="20.6957"
-          y1="4.05588"
-          x2="20.6957"
-          y2="28.0564"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#9C0000" />
-          <stop offset="0.7" stopColor="#FF4B4B" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M11.3953 23.8859C9.84219 22.0594 8.84688 19.3578 8.78125 16.3281V15.6719C8.84688 12.6422 9.85313 9.94063 11.3953 8.11406C13.4078 5.51094 16.3609 4.34062 19.6969 4.34062C21.7531 4.34062 23.6891 4.48281 25.3297 5.57656C22.8688 3.35625 19.6203 2.01094 16.0547 2H16C8.26719 2 2 8.26719 2 16C2 23.5031 7.90625 29.6391 15.3328 29.9891C15.5516 30 15.7812 30 16 30C19.5875 30 22.8578 28.6547 25.3297 26.4344C23.6891 27.5281 21.8625 27.5719 19.8063 27.5719C16.4813 27.5828 13.3969 26.5 11.3953 23.8859V23.8859Z" fill="url(#paint0_linear_449_13008)"/>
+<path d="M11.3953 8.11401C12.675 6.5937 14.3375 5.68589 16.1531 5.68589C20.2328 5.68589 23.5359 10.3015 23.5359 16.0109C23.5359 21.7203 20.2328 26.3359 16.1531 26.3359C14.3375 26.3359 12.6859 25.4171 11.3953 23.9078C13.4078 26.5109 16.3937 28.1734 19.7187 28.1734C21.764 28.1734 23.689 27.55 25.3296 26.4562C28.1953 23.875 30 20.1453 30 16C30 11.8546 28.1953 8.12495 25.3296 5.56558C23.689 4.47183 21.775 3.84839 19.7187 3.84839C16.3828 3.84839 13.3968 5.49995 11.3953 8.11401V8.11401Z" fill="url(#paint1_linear_449_13008)"/>
+<defs>
+<linearGradient id="paint0_linear_449_13008" x1="13.6655" y1="2.4564" x2="13.6655" y2="29.5926" gradientUnits="userSpaceOnUse">
+<stop offset="0.3" stopColor="#FF1B2D"/>
+<stop offset="0.4381" stopColor="#FA1A2C"/>
+<stop offset="0.5939" stopColor="#ED1528"/>
+<stop offset="0.7581" stopColor="#D60E21"/>
+<stop offset="0.9272" stopColor="#B70519"/>
+<stop offset="1" stopColor="#A70014"/>
+</linearGradient>
+<linearGradient id="paint1_linear_449_13008" x1="20.6957" y1="4.05588" x2="20.6957" y2="28.0564" gradientUnits="userSpaceOnUse">
+<stop stopColor="#9C0000"/>
+<stop offset="0.7" stopColor="#FF4B4B"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_safari.tsx b/frontend/app/components/ui/Icons/color_browser_safari.tsx
index 10c1ec8d2..1f4996376 100644
--- a/frontend/app/components/ui/Icons/color_browser_safari.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_safari.tsx
@@ -9,592 +9,161 @@ interface Props {
 }
 
 function Color_browser_safari(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z"
-        fill="url(#paint0_linear_449_13003)"
-      />
-      <path
-        d="M16 28.9499C23.1521 28.9499 28.9501 23.152 28.9501 15.9999C28.9501 8.84784 23.1521 3.04993 16 3.04993C8.84796 3.04993 3.05005 8.84784 3.05005 15.9999C3.05005 23.152 8.84796 28.9499 16 28.9499Z"
-        fill="url(#paint1_radial_449_13003)"
-      />
-      <path
-        d="M16.0219 6.20007C15.9344 6.20007 15.8578 6.13447 15.8578 6.04697V3.76101C15.8578 3.67351 15.9344 3.60791 16.0219 3.60791C16.1094 3.60791 16.1859 3.67351 16.1859 3.76101V6.04697C16.175 6.13447 16.1094 6.20007 16.0219 6.20007Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M16.0219 6.21096C15.9235 6.21096 15.8469 6.13441 15.8469 6.04691V3.76097C15.8469 3.67347 15.9235 3.59692 16.0219 3.59692C16.1204 3.59692 16.1969 3.67347 16.1969 3.76097V6.04691C16.1969 6.13441 16.1094 6.21096 16.0219 6.21096ZM16.0219 3.61871C15.9454 3.61871 15.8688 3.68442 15.8688 3.76097V6.04691C15.8688 6.12346 15.9344 6.18917 16.0219 6.18917C16.0985 6.18917 16.175 6.12346 16.175 6.04691V3.76097C16.1642 3.68442 16.0985 3.61871 16.0219 3.61871V3.61871Z"
-        fill="white"
-      />
-      <path
-        d="M17.1157 4.97506C17.0282 4.96411 16.9626 4.89851 16.9626 4.81101L17.0391 3.79373C17.05 3.70634 17.1266 3.64063 17.2141 3.65158C17.3016 3.66254 17.3672 3.72825 17.3672 3.81575L17.2907 4.83291C17.2797 4.92041 17.2032 4.98601 17.1157 4.97517V4.97506Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.1156 4.98592C17.0172 4.97496 16.9516 4.89842 16.9516 4.81092L17.0281 3.79365C17.0391 3.70626 17.1156 3.62971 17.2141 3.64055C17.3124 3.65151 17.3781 3.72817 17.3781 3.81555L17.3016 4.83282C17.2906 4.93127 17.2141 4.99687 17.1156 4.98592ZM17.2141 3.66246C17.1376 3.66246 17.0609 3.71722 17.0609 3.79376L16.9843 4.81103C16.9843 4.88746 17.0391 4.95317 17.1266 4.96401C17.2031 4.96401 17.2797 4.90937 17.2797 4.83282L17.3562 3.81555C17.3562 3.73901 17.2906 3.67341 17.214 3.66246H17.2141Z"
-        fill="white"
-      />
-      <path
-        d="M17.9359 6.39693C17.8483 6.37502 17.7937 6.29847 17.8046 6.21097L18.253 3.9687C18.2749 3.88131 18.3515 3.82656 18.439 3.84846C18.5265 3.87036 18.5811 3.94691 18.5702 4.03441L18.1217 6.27668C18.1108 6.35312 18.0233 6.40788 17.9358 6.39693H17.9359Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.9361 6.40784C17.8375 6.38593 17.7829 6.29843 17.7938 6.21093L18.2422 3.96869C18.2641 3.8813 18.3516 3.81559 18.4499 3.8375C18.5484 3.8594 18.6031 3.9469 18.5922 4.0344L18.1438 6.27664C18.1219 6.36403 18.0344 6.41879 17.9361 6.40784ZM18.4499 3.8594C18.3734 3.84845 18.2969 3.89214 18.275 3.9688L17.8267 6.21105C17.8157 6.28748 17.8594 6.36403 17.9469 6.38605C18.0234 6.39689 18.1 6.35308 18.1219 6.27653L18.5703 4.0344C18.5812 3.9469 18.5266 3.8813 18.4499 3.8594V3.8594Z"
-        fill="white"
-      />
-      <path
-        d="M19.2484 5.41251C19.2276 5.40749 19.208 5.39841 19.1906 5.3858C19.1733 5.37318 19.1587 5.35727 19.1475 5.33899C19.1363 5.3207 19.1289 5.30039 19.1256 5.27922C19.1222 5.25805 19.1231 5.23643 19.1282 5.21561L19.4016 4.23132C19.4234 4.14382 19.5109 4.10001 19.5984 4.12192C19.6859 4.14382 19.7407 4.23132 19.7188 4.31882L19.4453 5.30322C19.4234 5.39061 19.3359 5.43442 19.2484 5.41251Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.2485 5.42352C19.161 5.40161 19.0955 5.30316 19.1283 5.21578L19.4017 4.23127C19.4235 4.14389 19.522 4.08913 19.6094 4.11103C19.6969 4.13293 19.7625 4.23139 19.7298 4.31877L19.4564 5.30328C19.4345 5.39066 19.347 5.44542 19.2486 5.42352H19.2485ZM19.6094 4.14389C19.5329 4.12198 19.4454 4.16579 19.4235 4.24234L19.1502 5.22662C19.1283 5.30316 19.172 5.37982 19.2595 5.40161C19.336 5.42352 19.4235 5.37982 19.4454 5.30328L19.7188 4.31877C19.7298 4.24234 19.6861 4.16579 19.6094 4.14377V4.14389Z"
-        fill="white"
-      />
-      <path
-        d="M19.7845 6.95474C19.697 6.92188 19.6642 6.82343 19.697 6.74688L20.5719 4.63594C20.6047 4.5594 20.7032 4.51559 20.7797 4.5594C20.8673 4.59214 20.9001 4.6907 20.8673 4.76714L19.9923 6.87808C19.9596 6.95474 19.861 6.99843 19.7846 6.95474H19.7845Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.7844 6.96578C19.7424 6.94977 19.7084 6.91774 19.69 6.87673C19.6715 6.83571 19.6701 6.78905 19.6859 6.74698L20.561 4.63601C20.5938 4.54851 20.6923 4.51565 20.7907 4.54851C20.8328 4.56453 20.8667 4.59655 20.8852 4.63757C20.9036 4.67858 20.9051 4.72524 20.8892 4.76732L20.0142 6.87828C19.9704 6.96578 19.8719 7.00948 19.7844 6.96578ZM20.7798 4.57041C20.7032 4.53767 20.6157 4.57041 20.5829 4.64696L19.7078 6.75793C19.6751 6.83448 19.7188 6.91103 19.7953 6.94388C19.8719 6.97662 19.9594 6.94388 19.9923 6.86733L20.8673 4.75637C20.8892 4.69066 20.8563 4.60316 20.7798 4.57041V4.57041Z"
-        fill="white"
-      />
-      <path
-        d="M21.261 6.25474C21.1844 6.21093 21.1515 6.12343 21.1844 6.04689L21.6437 5.13916C21.6874 5.0625 21.7749 5.02965 21.8625 5.07345C21.939 5.11726 21.9718 5.20476 21.939 5.28119L21.4796 6.18903C21.4359 6.26558 21.3484 6.29854 21.2609 6.25474H21.261Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M21.2611 6.26577C21.1735 6.22197 21.1407 6.12351 21.1844 6.03601L21.6439 5.12828C21.6875 5.04067 21.7861 5.00792 21.8735 5.05162C21.961 5.09542 21.9939 5.19388 21.9501 5.28137L21.4907 6.18911C21.4469 6.27661 21.3485 6.30946 21.261 6.26566L21.2611 6.26577ZM21.8627 5.07352C21.786 5.04078 21.6985 5.06257 21.6658 5.13912L21.2063 6.04697C21.1736 6.11256 21.2063 6.20006 21.2719 6.24387C21.3485 6.27661 21.436 6.25482 21.4688 6.17827L21.9283 5.27042C21.961 5.20483 21.9283 5.11733 21.8627 5.07352Z"
-        fill="white"
-      />
-      <path
-        d="M21.4798 7.87353C21.4032 7.81888 21.3813 7.72043 21.436 7.65483L22.7048 5.76256C22.7485 5.68601 22.847 5.67506 22.9235 5.71887C23.0001 5.77351 23.0219 5.87196 22.9673 5.93756L21.6985 7.82983C21.6548 7.90638 21.5563 7.92828 21.4798 7.87353Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M21.4797 7.88442C21.4032 7.82977 21.3813 7.72037 21.4251 7.64382L22.6938 5.75161C22.7485 5.67506 22.8469 5.65316 22.9344 5.70791C23.011 5.76256 23.0329 5.87196 22.9892 5.94851L21.7203 7.84072C21.6657 7.91727 21.5563 7.93906 21.4797 7.88442ZM22.9235 5.72982C22.858 5.68601 22.7594 5.69696 22.7157 5.76256L21.4469 7.65478C21.4032 7.72026 21.425 7.80787 21.4907 7.85156C21.5563 7.89537 21.6547 7.88442 21.6984 7.81882L22.9673 5.93755C23.011 5.87196 22.9892 5.77351 22.9235 5.72982V5.72982Z"
-        fill="white"
-      />
-      <path
-        d="M23.0766 7.46886C23.0111 7.4141 22.9892 7.31565 23.0438 7.25005L23.6782 6.4516C23.7328 6.38612 23.8313 6.37505 23.8969 6.42981C23.9626 6.48445 23.9844 6.58291 23.9296 6.6485L23.2954 7.44695C23.2407 7.51255 23.1423 7.5235 23.0767 7.46886H23.0766Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M23.0657 7.47974C22.9891 7.42498 22.9782 7.31557 23.0329 7.23902L23.6672 6.44066C23.7219 6.364 23.8312 6.35305 23.9078 6.41876C23.9843 6.4734 23.9953 6.58281 23.9405 6.65936L23.3063 7.45783C23.2516 7.53439 23.1422 7.54534 23.0657 7.47974V7.47974ZM23.8859 6.44055C23.8204 6.3859 23.7328 6.39685 23.6782 6.46245L23.0438 7.26093C23.0001 7.32652 23.011 7.41403 23.0765 7.46867C23.1422 7.52343 23.2297 7.51248 23.2844 7.44688L23.9187 6.64841C23.9625 6.58281 23.9515 6.48436 23.886 6.44066L23.8859 6.44055Z"
-        fill="white"
-      />
-      <path
-        d="M22.9672 9.10941C22.9016 9.04382 22.9016 8.94537 22.9672 8.89061L24.5859 7.28289C24.6516 7.2173 24.7499 7.22814 24.8046 7.28289C24.8593 7.33754 24.8702 7.44694 24.8046 7.50158L23.197 9.10941C23.1313 9.17501 23.0328 9.17501 22.9672 9.10941V9.10941Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M22.9563 9.12037C22.9247 9.08828 22.907 9.04508 22.907 9.00007C22.907 8.95507 22.9247 8.91187 22.9563 8.87978L24.575 7.27193C24.6071 7.24035 24.6503 7.22266 24.6954 7.22266C24.7404 7.22266 24.7836 7.24035 24.8157 7.27193C24.8473 7.30403 24.8649 7.34723 24.8649 7.39223C24.8649 7.43723 24.8473 7.48044 24.8157 7.51253L23.1969 9.12026C23.1648 9.1518 23.1216 9.16948 23.0766 9.16948C23.0316 9.16948 22.9884 9.1518 22.9563 9.12026V9.12037ZM24.8048 7.28289C24.7501 7.22813 24.6517 7.22813 24.597 7.28289L22.9782 8.89062C22.9234 8.94537 22.9234 9.04382 22.9782 9.09847C23.0328 9.15323 23.1313 9.15323 23.1859 9.09847L24.8048 7.49074C24.8594 7.43598 24.8594 7.34848 24.8048 7.28289Z"
-        fill="white"
-      />
-      <path
-        d="M24.6078 9.02192C24.5532 8.95633 24.5532 8.85788 24.6188 8.80312L25.3953 8.14695C25.4609 8.09231 25.5593 8.10315 25.6141 8.16885C25.6687 8.23445 25.6687 8.3329 25.6031 8.38754L24.8266 9.04382C24.7609 9.09847 24.6625 9.08752 24.6078 9.02192Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M24.5969 9.03285C24.5313 8.95631 24.5422 8.8469 24.6078 8.79226L25.3843 8.13596C25.4499 8.07036 25.5593 8.08131 25.6249 8.15786C25.6906 8.23441 25.6796 8.34381 25.614 8.39846L24.8374 9.05476C24.772 9.12024 24.6624 9.1094 24.597 9.03285H24.5969ZM25.6031 8.16881C25.5483 8.10322 25.4608 8.10322 25.3954 8.14691L24.6188 8.80321C24.5641 8.85786 24.5532 8.94535 24.6078 9.01095C24.6624 9.07655 24.7501 9.07655 24.8155 9.03285L25.5921 8.37655C25.6577 8.32191 25.6577 8.23441 25.6031 8.16881Z"
-        fill="white"
-      />
-      <path
-        d="M24.1704 10.597C24.1157 10.5204 24.1376 10.422 24.2142 10.3782L26.1172 9.10946C26.1937 9.06565 26.2922 9.08756 26.3358 9.15327C26.3906 9.22982 26.3687 9.32827 26.2922 9.37196L24.3891 10.6407C24.3234 10.6845 24.225 10.6626 24.1704 10.597V10.597Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M24.1594 10.5969C24.1047 10.5204 24.1266 10.411 24.2032 10.3563L26.1063 9.08751C26.1828 9.03287 26.2922 9.05477 26.3469 9.14227C26.4016 9.21882 26.3796 9.32822 26.3032 9.38275L24.4001 10.6517C24.3234 10.7064 24.2141 10.6845 24.1594 10.597V10.5969ZM26.325 9.16417C26.2813 9.09847 26.1938 9.07656 26.1282 9.12037L24.225 10.389C24.1595 10.4329 24.1375 10.5204 24.1922 10.5969C24.2359 10.6625 24.3234 10.6844 24.3891 10.6407L26.2922 9.37191C26.3578 9.31727 26.3688 9.22966 26.325 9.16417Z"
-        fill="white"
-      />
-      <path
-        d="M25.8002 10.8266C25.7564 10.7499 25.7783 10.6516 25.8549 10.6078L26.7408 10.1047C26.8174 10.0609 26.9158 10.0938 26.9595 10.1702C27.0033 10.2469 26.9814 10.3452 26.9049 10.389L26.0189 10.8922C25.9424 10.9359 25.8439 10.9031 25.8001 10.8265L25.8002 10.8266Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.7893 10.8375C25.7455 10.75 25.7674 10.6515 25.8439 10.6078L26.7299 10.1047C26.8065 10.0609 26.9159 10.0938 26.9596 10.1702C27.0034 10.2578 26.9815 10.3563 26.9049 10.4L26.0189 10.9032C25.9424 10.9469 25.833 10.914 25.7893 10.8375V10.8375ZM26.9486 10.1813C26.9049 10.1047 26.8174 10.0828 26.7518 10.1265L25.8658 10.6297C25.8003 10.6734 25.7783 10.7609 25.8111 10.8265C25.8549 10.9031 25.9424 10.925 26.008 10.8813L26.894 10.3781C26.9596 10.3453 26.9815 10.2578 26.9486 10.1813V10.1813Z"
-        fill="white"
-      />
-      <path
-        d="M25.0673 12.2813C25.0345 12.1938 25.0673 12.1063 25.1548 12.0735L27.2657 11.1986C27.3422 11.1657 27.4407 11.2094 27.4734 11.2859C27.5063 11.3734 27.4734 11.4609 27.3859 11.4937L25.2751 12.3687C25.1985 12.4015 25.1001 12.3687 25.0673 12.2813Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.0563 12.2922C25.0235 12.2048 25.0563 12.1063 25.1438 12.0625L27.2547 11.1876C27.2968 11.1717 27.3434 11.1732 27.3844 11.1916C27.4254 11.2101 27.4574 11.244 27.4734 11.286C27.5062 11.3735 27.4734 11.4719 27.3859 11.5156L25.2751 12.3906C25.233 12.4065 25.1864 12.4051 25.1454 12.3866C25.1043 12.3682 25.0723 12.3343 25.0563 12.2923V12.2922ZM27.4516 11.297C27.4187 11.2204 27.3312 11.1876 27.2657 11.2095L25.1547 12.0844C25.0782 12.1172 25.0453 12.2048 25.0782 12.2813C25.1109 12.3579 25.1984 12.3907 25.2641 12.3688L27.3749 11.4938C27.4516 11.4611 27.4845 11.3735 27.4516 11.297Z"
-        fill="white"
-      />
-      <path
-        d="M26.6096 12.8283C26.5768 12.7406 26.6205 12.6533 26.708 12.6204L27.6704 12.3031C27.747 12.2704 27.8454 12.325 27.8673 12.4016C27.9 12.4891 27.8563 12.5766 27.7689 12.6094L26.8064 12.9267C26.7299 12.9594 26.6424 12.9158 26.6096 12.8281V12.8283Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M26.5984 12.839C26.5657 12.7515 26.6094 12.6531 26.708 12.6203L27.6702 12.3031C27.7577 12.2703 27.8562 12.325 27.889 12.4126C27.9218 12.5 27.8781 12.5984 27.7795 12.6313L26.8172 12.9485C26.7297 12.9703 26.6313 12.9265 26.5984 12.839ZM27.8671 12.4235C27.8452 12.3469 27.7577 12.3031 27.6812 12.325L26.7188 12.6422C26.6422 12.664 26.6094 12.7515 26.6313 12.8282C26.6532 12.9047 26.7407 12.9484 26.8172 12.9265L27.7796 12.6094C27.8562 12.5766 27.889 12.5 27.8671 12.4234V12.4235Z"
-        fill="white"
-      />
-      <path
-        d="M25.6253 14.1297C25.6034 14.0422 25.658 13.9547 25.7455 13.9438L27.9876 13.5063C28.075 13.4844 28.1516 13.55 28.1734 13.6375C28.1953 13.725 28.1407 13.8125 28.0532 13.8234L25.8111 14.2609C25.7236 14.2719 25.6361 14.2172 25.6251 14.1297H25.6253Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.6031 14.1299C25.5812 14.0314 25.6468 13.9439 25.7343 13.922L27.9765 13.4844C28.064 13.4625 28.1515 13.5283 28.1733 13.6267C28.1952 13.7251 28.1296 13.8126 28.0421 13.8345L25.7999 14.272C25.7125 14.2939 25.6249 14.2283 25.6031 14.1297V14.1299ZM28.1515 13.6376C28.1406 13.561 28.064 13.5064 27.9875 13.5173L25.7452 13.9548C25.6687 13.9658 25.614 14.0532 25.6358 14.1299C25.6468 14.2064 25.7233 14.2611 25.8 14.2501L28.0421 13.8126C28.1186 13.7907 28.1733 13.7141 28.1515 13.6376Z"
-        fill="white"
-      />
-      <path
-        d="M27.0251 14.9719C27.0141 14.8844 27.0688 14.8078 27.1563 14.7968L28.1624 14.6765C28.2499 14.6656 28.3266 14.7312 28.3374 14.8187C28.3484 14.9063 28.2938 14.9828 28.2063 14.9938L27.2 15.114C27.1234 15.125 27.0359 15.0594 27.025 14.9719H27.0251Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M27.0141 14.9719C27.0032 14.8734 27.0688 14.7859 27.1563 14.775L28.1624 14.6548C28.2499 14.6438 28.3374 14.7094 28.3484 14.8078C28.3593 14.9063 28.2937 14.9938 28.2062 15.0047L27.2 15.125C27.1126 15.1359 27.025 15.0703 27.0141 14.9719ZM28.3374 14.8188C28.3266 14.7423 28.25 14.6765 28.1734 14.6875L27.1672 14.8078C27.0907 14.8188 27.0359 14.8953 27.0469 14.9719C27.0578 15.0484 27.1344 15.1141 27.2109 15.1032L28.2172 14.9828C28.2937 14.9719 28.3484 14.8953 28.3375 14.8188H28.3374Z"
-        fill="white"
-      />
-      <path
-        d="M25.8002 16.0328C25.8002 15.9453 25.8657 15.8688 25.9533 15.8688H28.2393C28.3268 15.8688 28.3924 15.9453 28.3924 16.0328C28.3924 16.1203 28.3268 16.1969 28.2393 16.1969H25.9533C25.8658 16.1969 25.8002 16.1203 25.8002 16.0328Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.7892 16.0329C25.7892 15.9345 25.8658 15.8579 25.9533 15.8579H28.2392C28.3267 15.8579 28.4033 15.9345 28.4033 16.0329C28.4033 16.1313 28.3267 16.2079 28.2392 16.2079H25.9533C25.8658 16.2079 25.7892 16.1313 25.7892 16.0329ZM28.3814 16.0439C28.3814 15.9673 28.3158 15.8908 28.2391 15.8908H25.9534C25.8769 15.8908 25.8111 15.9562 25.8111 16.0439C25.8111 16.1204 25.8769 16.1969 25.9534 16.1969H28.2394C28.3159 16.186 28.3815 16.1204 28.3815 16.0439H28.3814Z"
-        fill="white"
-      />
-      <path
-        d="M27.0142 17.1375C27.025 17.05 27.0907 16.9844 27.1782 16.9844L28.1954 17.0609C28.2828 17.0719 28.3484 17.1484 28.3374 17.2359C28.3266 17.3234 28.2609 17.389 28.1734 17.389L27.1563 17.3125C27.0797 17.3015 27.014 17.225 27.014 17.1375H27.0142Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M27.0032 17.1376C27.0142 17.0391 27.0907 16.9735 27.1783 16.9735L28.1956 17.0501C28.283 17.061 28.3596 17.1376 28.3486 17.236C28.3378 17.3345 28.2611 17.4001 28.1736 17.4001L27.1563 17.3235C27.0688 17.3126 27.0032 17.2251 27.0032 17.1376ZM28.3378 17.236C28.3486 17.1595 28.283 17.0829 28.2064 17.0829L27.1891 17.0064C27.1126 17.0064 27.0469 17.061 27.036 17.1486C27.0251 17.2251 27.0907 17.3016 27.1673 17.3016L28.1847 17.3782C28.2611 17.3782 28.3268 17.3127 28.3378 17.236V17.236Z"
-        fill="white"
-      />
-      <path
-        d="M25.6033 17.936C25.6252 17.8485 25.7018 17.7937 25.7893 17.8048L28.0315 18.2532C28.119 18.275 28.1737 18.3516 28.1518 18.4391C28.1299 18.5266 28.0534 18.5813 27.9659 18.5704L25.7236 18.1219C25.647 18.111 25.5924 18.0235 25.6033 17.936V17.936Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.5921 17.936C25.614 17.8375 25.7015 17.7829 25.789 17.7937L28.0313 18.2422C28.1188 18.264 28.1844 18.3515 28.1625 18.45C28.1407 18.5484 28.0532 18.6032 27.9657 18.5922L25.7233 18.1438C25.6358 18.1219 25.5811 18.0344 25.5921 17.9361V17.936ZM28.1407 18.45C28.1517 18.3734 28.108 18.2969 28.0313 18.275L25.7889 17.8266C25.7125 17.8157 25.6358 17.8594 25.6139 17.9469C25.603 18.0235 25.6467 18.1 25.7234 18.1219L27.9657 18.5703C28.0532 18.5813 28.1188 18.5265 28.1407 18.45Z"
-        fill="white"
-      />
-      <path
-        d="M26.5876 19.2485C26.5926 19.2277 26.6017 19.208 26.6143 19.1907C26.6269 19.1734 26.6428 19.1587 26.661 19.1476C26.6793 19.1364 26.6996 19.1289 26.7208 19.1256C26.7419 19.1223 26.7635 19.1232 26.7844 19.1282L27.7687 19.4016C27.8562 19.4235 27.8999 19.5111 27.8781 19.5985C27.8731 19.6193 27.8641 19.639 27.8515 19.6563C27.8388 19.6737 27.8229 19.6883 27.8046 19.6995C27.7864 19.7107 27.766 19.7182 27.7449 19.7215C27.7237 19.7248 27.7021 19.7239 27.6812 19.7189L26.6969 19.4454C26.6094 19.4235 26.5657 19.336 26.5875 19.2485H26.5876Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M26.5767 19.2485C26.5986 19.161 26.697 19.0954 26.7845 19.1282L27.7689 19.4015C27.8564 19.4234 27.9112 19.5219 27.8893 19.6094C27.8673 19.6969 27.7689 19.7624 27.6814 19.7297L26.697 19.4563C26.6095 19.4344 26.5548 19.3469 26.5768 19.2486L26.5767 19.2485ZM27.8564 19.6094C27.8783 19.5328 27.8345 19.4453 27.7579 19.4234L26.7736 19.15C26.697 19.1281 26.6205 19.1719 26.5986 19.2594C26.5768 19.336 26.6205 19.4234 26.697 19.4453L27.6814 19.7188C27.7579 19.7297 27.8345 19.686 27.8564 19.6094Z"
-        fill="white"
-      />
-      <path
-        d="M25.0453 19.7735C25.0781 19.686 25.1766 19.6531 25.2531 19.686L27.3641 20.5609C27.4406 20.5937 27.4843 20.6922 27.4516 20.7687C27.4187 20.8563 27.3203 20.889 27.2437 20.8563L25.1328 19.9813C25.0453 19.9486 25.0125 19.85 25.0453 19.7736V19.7735Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.0344 19.7625C25.0504 19.7205 25.0824 19.6865 25.1234 19.668C25.1644 19.6496 25.2111 19.6481 25.2532 19.664L27.364 20.5391C27.4515 20.5719 27.4843 20.6704 27.4515 20.7688C27.4355 20.8109 27.4035 20.8448 27.3625 20.8633C27.3215 20.8817 27.2748 20.8832 27.2327 20.8673L25.1219 19.9923C25.0344 19.9484 25.0016 19.85 25.0344 19.7625ZM27.4296 20.7579C27.4624 20.6813 27.4296 20.5938 27.3531 20.561L25.2422 19.6859C25.1657 19.6532 25.0891 19.6969 25.0563 19.7734C25.0235 19.85 25.0563 19.9375 25.1328 19.9704L27.2437 20.8454C27.3202 20.8673 27.4077 20.8344 27.4296 20.7579Z"
-        fill="white"
-      />
-      <path
-        d="M25.7563 21.25C25.8001 21.1735 25.8874 21.1406 25.964 21.1735L26.8717 21.6329C26.9482 21.6656 26.9811 21.7641 26.9374 21.8516C26.8936 21.9281 26.8061 21.9611 26.7296 21.9281L25.822 21.4688C25.7453 21.425 25.7125 21.3266 25.7563 21.25Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M25.7452 21.2391C25.789 21.1516 25.8875 21.1189 25.975 21.1626L26.8828 21.622C26.9703 21.6658 27.0031 21.7643 26.9593 21.8516C26.9156 21.9391 26.817 21.972 26.7297 21.9282L25.8219 21.4689C25.7343 21.4362 25.7015 21.3266 25.7452 21.2391V21.2391ZM26.9266 21.8407C26.9593 21.7641 26.9374 21.6766 26.8608 21.6439L25.9531 21.1845C25.8874 21.1517 25.8 21.1845 25.7562 21.2501C25.7234 21.3266 25.7452 21.4141 25.8218 21.447L26.7295 21.9064C26.8062 21.9391 26.8937 21.9174 26.9266 21.8407Z"
-        fill="white"
-      />
-      <path
-        d="M24.1484 21.4578C24.2031 21.3813 24.2906 21.3594 24.3672 21.414L26.2703 22.6828C26.3469 22.7265 26.3578 22.8251 26.3141 22.9015C26.2594 22.9782 26.1719 23 26.0953 22.9453L24.1922 21.6765C24.1156 21.6219 24.0937 21.5234 24.1484 21.4578Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M24.1375 21.4468C24.1922 21.3703 24.3016 21.3484 24.3782 21.3922L26.2814 22.6609C26.3579 22.7155 26.3798 22.814 26.325 22.9015C26.2704 22.9781 26.161 22.9999 26.0846 22.9562L24.1813 21.6874C24.0938 21.6328 24.0828 21.5234 24.1375 21.4468ZM26.2923 22.8905C26.336 22.825 26.325 22.7265 26.2596 22.6828L24.3563 21.414C24.2907 21.3703 24.2032 21.3922 24.1594 21.4578C24.1157 21.5234 24.1266 21.6218 24.1921 21.6655L26.0954 22.9343C26.161 22.9781 26.2485 22.9562 26.2923 22.8906V22.8905Z"
-        fill="white"
-      />
-      <path
-        d="M24.5532 23.0438C24.6078 22.9781 24.7063 22.9563 24.7719 23.0111L25.5703 23.6344C25.6359 23.6891 25.6469 23.7875 25.5922 23.8532C25.5376 23.9187 25.4391 23.9407 25.3734 23.886L24.575 23.2625C24.5095 23.2078 24.4984 23.1094 24.5532 23.0438V23.0438Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M24.5422 23.0329C24.5969 22.9564 24.7063 22.9454 24.7828 23.0002L25.5812 23.6235C25.6578 23.6782 25.6687 23.7876 25.614 23.8641C25.5593 23.9408 25.4499 23.9516 25.3735 23.897L24.575 23.2735C24.4984 23.2189 24.4876 23.1095 24.5422 23.0329ZM25.5922 23.8533C25.6468 23.7876 25.6359 23.7001 25.5703 23.6454L24.7719 23.022C24.7063 22.9783 24.6188 22.9892 24.5641 23.0547C24.5094 23.1204 24.5203 23.2079 24.5859 23.2626L25.3843 23.886C25.4499 23.9298 25.5374 23.9188 25.5921 23.8533H25.5922Z"
-        fill="white"
-      />
-      <path
-        d="M22.9234 22.9345C22.9891 22.8689 23.0876 22.8689 23.1422 22.9345L24.761 24.5422C24.8267 24.6079 24.8157 24.7063 24.761 24.761C24.6955 24.8266 24.5969 24.8266 24.5423 24.761L22.9234 23.1533C22.8688 23.0985 22.8688 22.9891 22.9234 22.9345V22.9345Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M22.9234 22.9234C22.9555 22.8918 22.9987 22.8741 23.0437 22.8741C23.0888 22.8741 23.132 22.8918 23.1641 22.9234L24.7829 24.5311C24.8144 24.5632 24.8321 24.6064 24.8321 24.6515C24.8321 24.6965 24.8144 24.7397 24.7829 24.7718C24.7508 24.8034 24.7076 24.8211 24.6626 24.8211C24.6175 24.8211 24.5743 24.8034 24.5423 24.7718L22.9234 23.1641C22.8468 23.0984 22.8468 22.9891 22.9234 22.9234ZM24.761 24.7499C24.8157 24.6953 24.8157 24.5968 24.761 24.5422L23.1422 22.9344C23.0875 22.8797 22.9891 22.8797 22.9344 22.9344C22.8797 22.989 22.8797 23.0875 22.9344 23.1421L24.5532 24.7499C24.6078 24.8156 24.6955 24.8156 24.761 24.7499Z"
-        fill="white"
-      />
-      <path
-        d="M23.0218 24.564C23.0876 24.5094 23.1859 24.5094 23.2407 24.575L23.9079 25.3406C23.9625 25.4063 23.9516 25.5047 23.8859 25.5594C23.8204 25.614 23.7219 25.614 23.6672 25.5484L22.9999 24.7828C22.9453 24.7282 22.9562 24.6297 23.0218 24.564V24.564Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M23.011 24.564C23.0876 24.4986 23.186 24.5094 23.2515 24.575L23.9188 25.3406C23.9844 25.4063 23.9734 25.5156 23.8969 25.5813C23.8203 25.6469 23.7219 25.6359 23.6563 25.5703L22.989 24.8047C22.9344 24.7282 22.9344 24.6188 23.0109 24.564H23.011ZM23.886 25.5594C23.9515 25.5047 23.9515 25.4171 23.9078 25.3516L23.2406 24.5859C23.1859 24.5313 23.0984 24.5203 23.0328 24.575C22.9672 24.6297 22.9672 24.7172 23.0109 24.7827L23.6782 25.5484C23.7328 25.614 23.8204 25.614 23.8859 25.5594H23.886Z"
-        fill="white"
-      />
-      <path
-        d="M21.4469 24.1485C21.5235 24.0939 21.6219 24.1158 21.6657 24.1923L22.9344 26.0844C22.9782 26.161 22.9563 26.2594 22.8907 26.3032C22.8142 26.3579 22.7157 26.336 22.6719 26.2594L21.4031 24.3672C21.3593 24.2908 21.3812 24.1922 21.4468 24.1485H21.4469Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M21.4469 24.1375C21.5234 24.0829 21.6328 24.1048 21.6875 24.1813L22.9562 26.0735C23.0108 26.1499 22.9889 26.2593 22.9016 26.3139C22.8249 26.3687 22.7156 26.3468 22.6609 26.2702L21.3923 24.3781C21.3376 24.2907 21.3595 24.1923 21.4469 24.1376V24.1375ZM22.8906 26.2921C22.9562 26.2483 22.9781 26.1608 22.9343 26.0952L21.6657 24.2031C21.6219 24.1376 21.5344 24.1266 21.458 24.1704C21.3923 24.2141 21.3704 24.3016 21.4142 24.3673L22.6828 26.2593C22.7266 26.3139 22.825 26.3358 22.8905 26.292L22.8906 26.2921Z"
-        fill="white"
-      />
-      <path
-        d="M21.2172 25.7671C21.2938 25.7234 21.3922 25.7453 21.4359 25.8219L21.9391 26.7078C21.9828 26.7844 21.9499 26.8828 21.8734 26.9265C21.7968 26.9703 21.6984 26.9484 21.6547 26.8719L21.1516 25.9859C21.1188 25.9094 21.1407 25.8109 21.2171 25.7672L21.2172 25.7671Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M21.2172 25.7563C21.3047 25.7125 21.4032 25.7344 21.4469 25.811L21.95 26.697C21.9938 26.7736 21.9719 26.883 21.8845 26.9267C21.7969 26.9705 21.6984 26.9486 21.6547 26.8721L21.1516 25.986C21.1078 25.9095 21.1297 25.811 21.2171 25.7563H21.2172ZM21.8734 26.9159C21.9391 26.8721 21.9719 26.7845 21.9282 26.7189L21.4251 25.8329C21.3813 25.7673 21.2938 25.7454 21.2282 25.7781C21.1625 25.8219 21.1297 25.9095 21.1734 25.9751L21.6766 26.8611C21.7094 26.9267 21.8078 26.9596 21.8734 26.9158V26.9159Z"
-        fill="white"
-      />
-      <path
-        d="M19.7626 25.0454C19.8501 25.0126 19.9376 25.0454 19.9705 25.1219L20.8564 27.2328C20.8892 27.3094 20.8455 27.4078 20.7689 27.4405C20.6924 27.4734 20.5939 27.4405 20.5612 27.364L19.6752 25.2532C19.6424 25.1765 19.6861 25.0782 19.7626 25.0454Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.7624 25.0344C19.8499 25.0017 19.9484 25.0344 19.9922 25.1219L20.8781 27.2329C20.894 27.2749 20.8925 27.3216 20.874 27.3626C20.8556 27.4035 20.8217 27.4356 20.7797 27.4516C20.6922 27.4844 20.5937 27.4516 20.55 27.3641L19.6641 25.2532C19.6313 25.1766 19.6751 25.0782 19.7624 25.0344V25.0344ZM20.7578 27.4298C20.8343 27.3969 20.8672 27.3094 20.8343 27.2438L19.9484 25.1329C19.9156 25.0563 19.8281 25.0235 19.7516 25.0563C19.6751 25.0891 19.6421 25.1766 19.6751 25.2423L20.5609 27.3532C20.6047 27.4298 20.6812 27.4625 20.7578 27.4298Z"
-        fill="white"
-      />
-      <path
-        d="M19.2265 26.5985C19.3141 26.5658 19.4015 26.6095 19.4344 26.697L19.7516 27.6595C19.7844 27.736 19.7297 27.8345 19.6532 27.8564C19.5657 27.8891 19.4782 27.8454 19.4454 27.7579L19.1282 26.7954C19.0954 26.7189 19.1391 26.6314 19.2266 26.5985H19.2265Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.2158 26.5876C19.2579 26.5717 19.3045 26.5732 19.3455 26.5916C19.3865 26.6101 19.4185 26.644 19.4346 26.686L19.7519 27.6485C19.7846 27.736 19.7299 27.8344 19.6423 27.8673C19.6003 27.8831 19.5536 27.8817 19.5126 27.8632C19.4716 27.8448 19.4396 27.8108 19.4236 27.7688L19.1064 26.8064C19.0845 26.7189 19.1283 26.6204 19.2158 26.5876ZM19.6424 27.8453C19.719 27.8235 19.7627 27.736 19.7409 27.6594L19.4236 26.697C19.4018 26.6204 19.3143 26.5876 19.2377 26.6095C19.1611 26.6314 19.1174 26.7189 19.1393 26.7954L19.4565 27.7579C19.462 27.7764 19.4715 27.7936 19.4841 27.8083C19.4968 27.823 19.5124 27.8348 19.5299 27.8431C19.5475 27.8514 19.5666 27.8558 19.5859 27.8562C19.6053 27.8566 19.6246 27.8529 19.6424 27.8454V27.8453Z"
-        fill="white"
-      />
-      <path
-        d="M17.936 25.6032C18.0234 25.5813 18.111 25.636 18.1219 25.7235L18.5814 27.9658C18.6033 28.0532 18.5375 28.1299 18.45 28.1516C18.3626 28.1735 18.275 28.1189 18.2642 28.0314L17.8046 25.7891C17.7937 25.7125 17.8484 25.625 17.9359 25.6031L17.936 25.6032Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.9361 25.592C18.0344 25.5702 18.1219 25.6358 18.1438 25.7233L18.6031 27.9657C18.625 28.0531 18.5593 28.1516 18.4718 28.1626C18.3734 28.1845 18.2859 28.1189 18.2641 28.0313L17.8047 25.7889C17.7829 25.7014 17.8376 25.6139 17.936 25.5921L17.9361 25.592ZM18.4499 28.1406C18.5266 28.1298 18.5812 28.0531 18.5703 27.9656L18.1109 25.7233C18.1001 25.6467 18.0126 25.5921 17.936 25.6139C17.8594 25.6248 17.8048 25.7014 17.8157 25.7889L18.2751 28.0313C18.2969 28.1079 18.3734 28.1516 18.4501 28.1408L18.4499 28.1406Z"
-        fill="white"
-      />
-      <path
-        d="M17.1048 27.0249C17.1923 27.014 17.2689 27.0688 17.2908 27.1562L17.4219 28.1624C17.4329 28.2499 17.3673 28.3265 17.2797 28.3374C17.1923 28.3484 17.1158 28.2937 17.0939 28.2062L16.9627 27.1999C16.9517 27.1124 17.0173 27.0359 17.1048 27.0249Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.1046 27.0141C17.2031 27.0033 17.2907 27.0689 17.3016 27.1564L17.4329 28.1626C17.4438 28.2501 17.3782 28.3376 17.2797 28.3486C17.1812 28.3595 17.0937 28.2939 17.0827 28.2063L16.9514 27.2001C16.9405 27.1126 17.0061 27.0251 17.1046 27.0141ZM17.2687 28.3267C17.3453 28.3158 17.4111 28.2392 17.4001 28.1626L17.2687 27.1564C17.2578 27.0798 17.1812 27.0251 17.1046 27.036C17.028 27.047 16.9623 27.1235 16.9732 27.2001L17.1046 28.2064C17.1156 28.283 17.1922 28.3376 17.2687 28.3267Z"
-        fill="white"
-      />
-      <path
-        d="M15.9782 25.7999C16.0657 25.7999 16.1422 25.8656 16.1422 25.9531V28.239C16.1422 28.3265 16.0657 28.3922 15.9782 28.3922C15.8907 28.3922 15.8141 28.3265 15.8141 28.239V25.9531C15.8251 25.8656 15.8907 25.7999 15.9782 25.7999Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M15.9782 25.7889C16.0766 25.7889 16.1531 25.8655 16.1531 25.953V28.2389C16.1531 28.3264 16.0766 28.403 15.9782 28.403C15.8797 28.403 15.8032 28.3264 15.8032 28.2389V25.9531C15.8032 25.8656 15.8907 25.7889 15.9782 25.7889ZM15.9782 28.3812C16.0547 28.3812 16.1312 28.3156 16.1312 28.2389V25.9531C16.1312 25.8764 16.0656 25.8108 15.9782 25.8108C15.9016 25.8108 15.8251 25.8764 15.8251 25.9531V28.2389C15.8359 28.3156 15.9016 28.3812 15.9782 28.3812Z"
-        fill="white"
-      />
-      <path
-        d="M14.8844 27.025C14.9719 27.0359 15.0375 27.1015 15.0375 27.189L14.961 28.2063C14.9501 28.2938 14.8735 28.3594 14.786 28.3485C14.6985 28.3375 14.6329 28.2719 14.6329 28.1844L14.7094 27.1671C14.7204 27.0798 14.7969 27.014 14.8844 27.025Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.8844 27.0141C14.9828 27.0251 15.0484 27.1016 15.0484 27.1891L14.9719 28.2064C14.9609 28.2939 14.8844 28.3705 14.7859 28.3595C14.6876 28.3486 14.6219 28.272 14.6219 28.1845L14.6984 27.1672C14.7094 27.0689 14.7859 27.0033 14.8844 27.0141ZM14.7859 28.3376C14.8625 28.3376 14.9391 28.283 14.9391 28.2064L15.0157 27.1891C15.0157 27.1126 14.9609 27.047 14.8734 27.036C14.7969 27.036 14.7203 27.0907 14.7203 27.1673L14.6438 28.1845C14.6438 28.2611 14.7094 28.3268 14.786 28.3376H14.7859Z"
-        fill="white"
-      />
-      <path
-        d="M14.064 25.6031C14.1515 25.6249 14.2062 25.7014 14.1952 25.7889L13.7468 28.0314C13.7249 28.1189 13.6484 28.1737 13.5609 28.1516C13.4734 28.1298 13.4187 28.0533 13.4297 27.9657L13.8781 25.7233C13.8891 25.6468 13.9766 25.5921 14.064 25.6031Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.0642 25.592C14.1626 25.6139 14.2173 25.7015 14.2064 25.7889L13.7579 28.0313C13.736 28.1188 13.6485 28.1844 13.5502 28.1624C13.4517 28.1405 13.397 28.053 13.4079 27.9655L13.8564 25.7233C13.8783 25.6358 13.9658 25.581 14.0641 25.5921L14.0642 25.592ZM13.5502 28.1405C13.6267 28.1515 13.7033 28.1078 13.7252 28.0313L14.1735 25.7889C14.1845 25.7124 14.1408 25.6358 14.0533 25.6139C13.9767 25.6031 13.9002 25.6468 13.8783 25.7234L13.4298 27.9655C13.4189 28.053 13.4735 28.1188 13.5502 28.1405V28.1405Z"
-        fill="white"
-      />
-      <path
-        d="M12.7517 26.5877C12.8393 26.6096 12.8939 26.6971 12.872 26.7846L12.5986 27.7689C12.5768 27.8564 12.4893 27.9001 12.4018 27.8783C12.381 27.8733 12.3613 27.8642 12.344 27.8516C12.3266 27.839 12.312 27.8231 12.3008 27.8048C12.2896 27.7865 12.2821 27.7662 12.2788 27.745C12.2755 27.7238 12.2764 27.7022 12.2814 27.6814L12.5549 26.6971C12.5768 26.6096 12.6643 26.5659 12.7518 26.5877H12.7517Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.7516 26.5768C12.8392 26.5986 12.9048 26.6971 12.8719 26.7846L12.5985 27.769C12.5767 27.8565 12.4783 27.9112 12.3908 27.8892C12.3033 27.8674 12.2377 27.769 12.2704 27.6815L12.5439 26.6971C12.5658 26.6096 12.6533 26.5548 12.7516 26.5767V26.5768ZM12.3908 27.8565C12.4673 27.8784 12.5548 27.8346 12.5767 27.758L12.85 26.7736C12.8719 26.6971 12.8282 26.6205 12.7407 26.5986C12.6642 26.5767 12.5767 26.6205 12.5548 26.6971L12.2814 27.6815C12.2704 27.758 12.3141 27.8346 12.3908 27.8565Z"
-        fill="white"
-      />
-      <path
-        d="M12.2156 25.0454C12.3031 25.0781 12.3358 25.1766 12.3031 25.2531L11.4281 27.3641C11.3953 27.4407 11.2968 27.4844 11.2204 27.4407C11.1437 27.3969 11.0999 27.3094 11.1327 27.2329L12.0077 25.1219C12.0405 25.0454 12.139 25.0016 12.2155 25.0454H12.2156Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.2156 25.0344C12.2576 25.0504 12.2915 25.0824 12.31 25.1234C12.3285 25.1644 12.3299 25.2111 12.314 25.2532L11.439 27.364C11.4061 27.4515 11.3077 27.4843 11.2092 27.4515C11.1672 27.4354 11.1333 27.4034 11.1148 27.3625C11.0964 27.3215 11.0949 27.2748 11.1108 27.2328L11.9858 25.1218C12.0296 25.0344 12.128 24.9907 12.2156 25.0344V25.0344ZM11.2202 27.4297C11.2967 27.4624 11.3842 27.4297 11.4171 27.3531L12.2921 25.2422C12.3248 25.1657 12.2811 25.089 12.2046 25.0563C12.128 25.0235 12.0405 25.0563 12.0077 25.1328L11.1327 27.2437C11.1108 27.3093 11.1436 27.3968 11.2202 27.4297Z"
-        fill="white"
-      />
-      <path
-        d="M10.7391 25.7454C10.8157 25.7891 10.8484 25.8766 10.8157 25.9532L10.3563 26.8608C10.3125 26.9374 10.225 26.9702 10.1375 26.9264C10.0609 26.8827 10.0282 26.7953 10.0609 26.7187L10.5204 25.8111C10.5641 25.7345 10.6516 25.7016 10.7391 25.7454Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M10.7392 25.7345C10.8267 25.7782 10.8595 25.8767 10.8158 25.9641L10.3564 26.8719C10.3126 26.9594 10.2141 26.9922 10.1268 26.9484C10.0393 26.9047 10.0064 26.8062 10.0502 26.7188L10.5095 25.8111C10.5533 25.7235 10.6517 25.6908 10.7392 25.7345ZM10.1377 26.9266C10.2143 26.9594 10.3018 26.9375 10.3345 26.8609L10.7939 25.9533C10.8266 25.8876 10.7939 25.8001 10.7283 25.7564C10.6517 25.7236 10.5642 25.7454 10.5314 25.822L10.072 26.7296C10.0393 26.7953 10.072 26.8828 10.1377 26.9265V26.9266Z"
-        fill="white"
-      />
-      <path
-        d="M10.5203 24.1267C10.5968 24.1813 10.6187 24.2798 10.5641 24.3454L9.29528 26.2378C9.25158 26.3142 9.15302 26.3252 9.07659 26.2815C9.00004 26.2267 8.97813 26.1284 9.03278 26.0626L10.3016 24.1702C10.3453 24.0938 10.4437 24.0719 10.5203 24.1265V24.1267Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M10.5203 24.1157C10.5969 24.1704 10.6188 24.2798 10.575 24.3564L9.30626 26.2487C9.25162 26.3251 9.15316 26.347 9.06566 26.2924C8.98911 26.2376 8.9672 26.1283 9.0109 26.0516L10.2797 24.1595C10.3344 24.0829 10.4438 24.061 10.5203 24.1157V24.1157ZM9.07661 26.2705C9.1421 26.3141 9.24066 26.3032 9.28436 26.2377L10.5532 24.3454C10.5969 24.2798 10.5751 24.1923 10.5094 24.1485C10.4438 24.1048 10.3453 24.1158 10.3016 24.1813L9.0328 26.0626C8.98911 26.1283 9.0109 26.2266 9.07661 26.2703V26.2705Z"
-        fill="white"
-      />
-      <path
-        d="M8.92344 24.5314C8.98915 24.586 9.01094 24.6845 8.95629 24.7501L8.3219 25.5485C8.26726 25.6141 8.16881 25.625 8.10321 25.5704C8.03762 25.5157 8.01571 25.4173 8.07047 25.3516L8.70475 24.5532C8.75939 24.4877 8.85784 24.4766 8.92344 24.5314Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M8.9344 24.5204C9.01095 24.575 9.0219 24.6845 8.96714 24.761L8.33284 25.5595C8.2782 25.636 8.16879 25.647 8.09224 25.5814C8.01569 25.5266 8.00474 25.4173 8.0595 25.3407L8.6938 24.5423C8.74845 24.4656 8.85785 24.4548 8.9344 24.5204ZM8.11415 25.5595C8.17963 25.6141 8.26725 25.6033 8.32189 25.5376L8.95631 24.7391C9.00011 24.6736 8.98905 24.586 8.92356 24.5313C8.85785 24.4766 8.77035 24.4875 8.7157 24.5533L8.08129 25.3516C8.0376 25.4173 8.04855 25.5157 8.11403 25.5595H8.11415Z"
-        fill="white"
-      />
-      <path
-        d="M9.03277 22.8907C9.09836 22.9562 9.09836 23.0548 9.03277 23.1094L7.41413 24.7171C7.34842 24.7829 7.25009 24.7719 7.19533 24.7171C7.14069 24.6625 7.12973 24.5531 7.19533 24.4985L8.80302 22.8907C8.86873 22.825 8.96717 22.825 9.03277 22.8907V22.8907Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M9.04376 22.8798C9.07527 22.9119 9.09293 22.9551 9.09293 23C9.09293 23.045 9.07527 23.0882 9.04376 23.1203L7.42501 24.7283C7.39292 24.7598 7.34974 24.7775 7.30477 24.7775C7.2598 24.7775 7.21662 24.7598 7.18453 24.7283C7.15295 24.6962 7.13525 24.653 7.13525 24.6079C7.13525 24.5629 7.15295 24.5197 7.18453 24.4876L8.80317 22.8798C8.83527 22.8482 8.87847 22.8306 8.92347 22.8306C8.96847 22.8306 9.01167 22.8482 9.04376 22.8798V22.8798ZM7.19537 24.7172C7.25001 24.7719 7.34846 24.7719 7.4031 24.7172L9.02186 23.1093C9.07662 23.0547 9.07662 22.9562 9.02186 22.9016C8.96722 22.8468 8.86877 22.8468 8.81412 22.9016L7.19537 24.5094C7.14073 24.564 7.14073 24.6516 7.19537 24.7171V24.7172Z"
-        fill="white"
-      />
-      <path
-        d="M7.39221 22.9782C7.44685 23.0437 7.44685 23.1423 7.38125 23.1969L6.60471 23.8533C6.53911 23.908 6.44066 23.897 6.3859 23.8314C6.33125 23.7657 6.33125 23.6673 6.39685 23.6126L7.1734 22.9563C7.23911 22.9016 7.33745 22.9125 7.39221 22.9782Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M7.40307 22.9672C7.46867 23.0438 7.45772 23.1531 7.39212 23.2079L6.61557 23.864C6.54997 23.9297 6.44057 23.9188 6.37497 23.8422C6.30926 23.7656 6.32021 23.6563 6.38581 23.6015L7.16247 22.9454C7.22796 22.8798 7.33748 22.8908 7.40296 22.9673L7.40307 22.9672ZM6.39676 23.8313C6.45152 23.8969 6.53902 23.8969 6.6045 23.8532L7.38117 23.1969C7.43581 23.1423 7.44677 23.0547 7.39212 22.9892C7.33736 22.9235 7.24986 22.9235 7.18438 22.9673L6.40771 23.6235C6.34211 23.6781 6.34211 23.7657 6.39676 23.8312V23.8313Z"
-        fill="white"
-      />
-      <path
-        d="M7.82986 21.4031C7.8845 21.4798 7.8626 21.5781 7.78605 21.6219L5.88297 22.8906C5.80642 22.9343 5.70797 22.9124 5.66427 22.8468C5.60952 22.7703 5.63142 22.6719 5.70797 22.628L7.61116 21.3594C7.67687 21.3157 7.77521 21.3375 7.82997 21.4031H7.82986Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M7.84065 21.4031C7.89529 21.4798 7.87339 21.5891 7.79684 21.6439L5.89379 22.9125C5.81724 22.9673 5.70784 22.9453 5.6532 22.8579C5.59844 22.7813 5.62045 22.6719 5.69689 22.6173L7.60006 21.3485C7.6766 21.2939 7.78589 21.3158 7.84054 21.4031H7.84065ZM5.6751 22.836C5.71879 22.9016 5.80629 22.9235 5.87188 22.8798L7.77494 21.611C7.84065 21.5673 7.86244 21.4798 7.8078 21.4033C7.7641 21.3376 7.6766 21.3158 7.6109 21.3595L5.70784 22.6282C5.64224 22.6829 5.63129 22.7704 5.6751 22.836V22.836Z"
-        fill="white"
-      />
-      <path
-        d="M6.20007 21.1735C6.24388 21.25 6.22197 21.3485 6.14542 21.3923L5.25946 21.8953C5.18291 21.939 5.08446 21.9063 5.04076 21.8297C4.99696 21.7532 5.01886 21.6547 5.09541 21.6109L5.98137 21.1079C6.05792 21.0641 6.15638 21.0969 6.20018 21.1735H6.20007Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.2111 21.1625C6.2548 21.25 6.23289 21.3484 6.15635 21.3922L5.27041 21.8953C5.19386 21.939 5.08446 21.9062 5.04076 21.8297C4.99696 21.7422 5.01886 21.6437 5.09541 21.5999L5.98135 21.0969C6.0579 21.0531 6.1673 21.0859 6.21099 21.1625H6.2111ZM5.0516 21.8187C5.09541 21.8953 5.18291 21.9172 5.2485 21.8734L6.13444 21.3703C6.20004 21.3265 6.22194 21.239 6.1892 21.1734C6.14539 21.0969 6.0579 21.075 5.9923 21.1188L5.10636 21.6218C5.04076 21.6546 5.01886 21.7422 5.05172 21.8187H5.0516Z"
-        fill="white"
-      />
-      <path
-        d="M6.93273 19.7188C6.96547 19.8063 6.93273 19.8939 6.84523 19.9266L4.73428 20.8016C4.65773 20.8345 4.55928 20.7908 4.52654 20.7141C4.49368 20.6266 4.52654 20.5391 4.61404 20.5064L6.72499 19.6313C6.80154 19.5986 6.89999 19.6313 6.93273 19.7188V19.7188Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.94368 19.7079C6.97642 19.7954 6.94368 19.8938 6.85618 19.9375L4.74523 20.8125C4.70317 20.8284 4.65654 20.8269 4.61555 20.8085C4.57456 20.79 4.54255 20.7561 4.52654 20.7141C4.49368 20.6266 4.52654 20.5281 4.61404 20.4844L6.72499 19.6094C6.76705 19.5936 6.81368 19.595 6.85467 19.6135C6.89566 19.6319 6.92766 19.6659 6.94368 19.7079V19.7079ZM4.54833 20.7031C4.58118 20.7798 4.66868 20.8126 4.73428 20.7906L6.84523 19.9156C6.92178 19.8829 6.95463 19.7954 6.92178 19.7188C6.88904 19.6423 6.80154 19.6094 6.73583 19.6313L4.62488 20.5063C4.54833 20.5391 4.51559 20.6266 4.54833 20.7032V20.7031Z"
-        fill="white"
-      />
-      <path
-        d="M5.39067 19.1719C5.42342 19.2594 5.37972 19.3469 5.29222 19.3797L4.32972 19.6969C4.25317 19.7297 4.15472 19.675 4.13281 19.5985C4.10007 19.511 4.14376 19.4235 4.23126 19.3907L5.19377 19.0735C5.27032 19.0407 5.35782 19.0844 5.39067 19.1719Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.40136 19.161C5.43421 19.2485 5.39052 19.347 5.29207 19.3798L4.32958 19.697C4.24208 19.7297 4.14363 19.6751 4.11078 19.5876C4.07804 19.5001 4.12173 19.4016 4.22029 19.3689L5.18267 19.0516C5.27017 19.0298 5.36862 19.0735 5.40147 19.1611L5.40136 19.161ZM4.13279 19.5767C4.1547 19.6533 4.2422 19.6971 4.31874 19.6752L5.28123 19.3579C5.35778 19.3361 5.39063 19.2486 5.36873 19.172C5.34683 19.0955 5.25933 19.0517 5.18278 19.0736L4.22029 19.3909C4.14374 19.4236 4.11089 19.5002 4.13279 19.5767Z"
-        fill="white"
-      />
-      <path
-        d="M6.37517 17.8703C6.39696 17.9578 6.34232 18.0453 6.25482 18.0563L4.01257 18.4938C3.92507 18.5157 3.84853 18.45 3.82674 18.3625C3.80483 18.275 3.85948 18.1875 3.94698 18.1765L6.18922 17.739C6.27672 17.7282 6.36422 17.7828 6.37506 17.8703H6.37517Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.39688 17.8704C6.41878 17.9688 6.35319 18.0563 6.26569 18.0781L4.02343 18.5156C3.93593 18.5375 3.84843 18.4719 3.82664 18.3735C3.80474 18.275 3.87033 18.1875 3.95783 18.1657L6.20009 17.7282C6.28748 17.7063 6.37509 17.7719 6.39688 17.8704ZM3.84843 18.3626C3.85938 18.4391 3.93593 18.4938 4.01248 18.4829L6.25474 18.0454C6.33128 18.0344 6.38593 17.9469 6.36414 17.8704C6.35319 17.7938 6.27664 17.7391 6.19998 17.75L3.95783 18.1875C3.88128 18.2094 3.82664 18.286 3.84843 18.3625V18.3626Z"
-        fill="white"
-      />
-      <path
-        d="M4.97515 17.0283C4.98598 17.1157 4.93134 17.1923 4.84384 17.2033L3.83765 17.3236C3.75003 17.3345 3.67348 17.2689 3.66265 17.1813C3.65169 17.0939 3.70634 17.0173 3.79384 17.0062L4.80015 16.886C4.87669 16.875 4.96419 16.9406 4.97515 17.0283Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.98611 17.0282C4.99695 17.1265 4.93135 17.214 4.84385 17.2249L3.83766 17.3453C3.75005 17.3562 3.66266 17.2906 3.65171 17.1922C3.64076 17.0937 3.70635 17.0063 3.79385 16.9953L4.80016 16.875C4.88755 16.864 4.97516 16.9297 4.986 17.028L4.98611 17.0282ZM3.66255 17.1812C3.6735 17.2578 3.75016 17.3235 3.82671 17.3124L4.8329 17.1922C4.90945 17.1812 4.96421 17.1047 4.95326 17.0282C4.94231 16.9515 4.86576 16.8859 4.78921 16.8969L3.7829 17.0172C3.70635 17.0282 3.65171 17.1047 3.66255 17.1812V17.1812Z"
-        fill="white"
-      />
-      <path
-        d="M6.19993 15.9671C6.19993 16.0547 6.13444 16.1313 6.04683 16.1313H3.76101C3.67351 16.1313 3.60791 16.0547 3.60791 15.9672C3.60791 15.8798 3.67351 15.8031 3.76101 15.8031H6.04694C6.13444 15.8031 6.20015 15.8798 6.20015 15.9672L6.19993 15.9671Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.21109 15.9671C6.21109 16.0657 6.13443 16.1421 6.04693 16.1421H3.76109C3.67359 16.1421 3.59705 16.0656 3.59705 15.9671C3.59705 15.8688 3.67359 15.7921 3.76109 15.7921H6.04705C6.13455 15.7921 6.21109 15.8688 6.21109 15.9671ZM3.61884 15.9563C3.61884 16.0328 3.68443 16.1094 3.76109 16.1094H6.04693C6.12348 16.1094 6.18919 16.0438 6.18919 15.9563C6.18919 15.8797 6.12348 15.8031 6.04693 15.8031H3.76109C3.68455 15.814 3.61895 15.8797 3.61895 15.9563H3.61884Z"
-        fill="white"
-      />
-      <path
-        d="M4.98619 14.8625C4.97513 14.95 4.90953 15.0156 4.82203 15.0156L3.80476 14.9391C3.71737 14.9281 3.65177 14.8516 3.66261 14.7641C3.67356 14.6766 3.73927 14.611 3.82677 14.611L4.84393 14.6875C4.92048 14.6985 4.98619 14.775 4.98619 14.8625Z"
-        fill="#E2E2E2"
-      />
-      <path
-        d="M4.99679 14.8625C4.98584 14.9609 4.9093 15.0265 4.8218 15.0265L3.80454 14.95C3.71716 14.939 3.64061 14.8625 3.65156 14.764C3.6624 14.6657 3.73906 14.6 3.82656 14.6L4.8437 14.6765C4.9312 14.6875 4.99679 14.775 4.99679 14.8625ZM3.6624 14.764C3.65156 14.8406 3.71716 14.9172 3.7937 14.9172L4.81096 14.9938C4.88739 14.9938 4.9531 14.939 4.96405 14.8515C4.975 14.775 4.9093 14.6984 4.83275 14.6984L3.81549 14.6219C3.73906 14.6219 3.67335 14.6875 3.6624 14.7641V14.764Z"
-        fill="white"
-      />
-      <path
-        d="M6.39679 14.064C6.37488 14.1515 6.29834 14.2062 6.21084 14.1953L3.96869 13.7359C3.88119 13.714 3.82643 13.6375 3.84834 13.55C3.87024 13.4625 3.94679 13.4077 4.03429 13.4188L6.27655 13.8672C6.35309 13.889 6.40774 13.9765 6.39679 14.064V14.064Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.40785 14.0641C6.38595 14.1625 6.29845 14.2173 6.21095 14.2063L3.96882 13.7579C3.88132 13.736 3.81572 13.6485 3.83762 13.5501C3.85941 13.4516 3.94691 13.3969 4.03441 13.4079L6.27666 13.8563C6.36416 13.8782 6.4188 13.9657 6.40785 14.0641V14.0641ZM3.85941 13.55C3.84846 13.6266 3.89216 13.7031 3.96882 13.725L6.21106 14.1735C6.28761 14.1844 6.36416 14.1407 6.38606 14.0531C6.3969 13.9766 6.35321 13.9 6.27655 13.8781L4.03453 13.4298C3.94703 13.4188 3.88143 13.4735 3.85953 13.55H3.85941Z"
-        fill="white"
-      />
-      <path
-        d="M5.41272 12.7516C5.4077 12.7725 5.39862 12.7921 5.38601 12.8094C5.37339 12.8268 5.35748 12.8414 5.3392 12.8526C5.32091 12.8637 5.3006 12.8712 5.27943 12.8745C5.25826 12.8778 5.23664 12.8769 5.21582 12.8719L4.2314 12.5984C4.1439 12.5765 4.10021 12.4891 4.122 12.4016C4.12702 12.3807 4.1361 12.3611 4.14871 12.3438C4.16133 12.3265 4.17724 12.3118 4.19552 12.3006C4.21381 12.2895 4.23412 12.282 4.25529 12.2787C4.27646 12.2754 4.29808 12.2763 4.3189 12.2813L5.30332 12.5548C5.39082 12.5765 5.43451 12.664 5.41272 12.7515V12.7516Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.42337 12.7516C5.40158 12.839 5.30313 12.9047 5.21563 12.8718L4.23121 12.5984C4.1437 12.5765 4.08894 12.4781 4.11085 12.3907C4.13275 12.3031 4.23121 12.2375 4.31871 12.2703L5.30313 12.5438C5.39063 12.5657 5.44539 12.6532 5.42337 12.7515V12.7516ZM4.1437 12.3905C4.1218 12.4671 4.16561 12.5546 4.24216 12.5764L5.22658 12.8498C5.30313 12.8717 5.37968 12.8279 5.40158 12.7404C5.42337 12.6639 5.37968 12.5764 5.30313 12.5546L4.31871 12.2812C4.24216 12.2702 4.16561 12.3139 4.1437 12.3906V12.3905Z"
-        fill="white"
-      />
-      <path
-        d="M6.95465 12.2267C6.92191 12.3141 6.82335 12.3469 6.74691 12.3141L4.63585 11.4391C4.5593 11.4063 4.5156 11.3079 4.54835 11.2313C4.5812 11.1438 4.67965 11.111 4.7562 11.1438L6.86715 12.0188C6.95465 12.0516 6.98751 12.15 6.95465 12.2266V12.2267Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.96561 12.2375C6.9496 12.2796 6.91757 12.3135 6.87656 12.332C6.83554 12.3504 6.78888 12.3519 6.74681 12.336L4.63584 11.461C4.54834 11.4283 4.5156 11.3298 4.54834 11.2314C4.56436 11.1893 4.59638 11.1554 4.6374 11.1369C4.67841 11.1185 4.72507 11.117 4.76715 11.1329L6.87811 12.0079C6.96561 12.0516 6.99836 12.1501 6.96561 12.2375V12.2375ZM4.57024 11.2423C4.5375 11.3189 4.57024 11.4064 4.64679 11.4391L6.75776 12.3141C6.83431 12.3469 6.91086 12.3031 6.94371 12.2266C6.97645 12.15 6.94371 12.0625 6.86716 12.0298L4.7562 11.1548C4.67965 11.1329 4.59215 11.1658 4.57024 11.2423V11.2423Z"
-        fill="white"
-      />
-      <path
-        d="M6.24385 10.75C6.20015 10.8266 6.11265 10.8594 6.03611 10.8266L5.12825 10.3673C5.0517 10.3344 5.01885 10.236 5.06265 10.1484C5.10635 10.0719 5.19385 10.039 5.2704 10.0719L6.17814 10.5313C6.2548 10.575 6.28765 10.6736 6.24385 10.75Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.25485 10.761C6.21104 10.8485 6.11259 10.8814 6.02509 10.8375L5.11735 10.3781C5.02985 10.3344 4.997 10.236 5.04081 10.1485C5.0845 10.061 5.18306 10.0281 5.27045 10.0719L6.17819 10.5313C6.2658 10.5641 6.29854 10.6736 6.25485 10.761V10.761ZM5.07355 10.1594C5.04081 10.236 5.06271 10.3235 5.13926 10.3563L6.04699 10.8158C6.1127 10.8485 6.2002 10.8158 6.2439 10.75C6.27664 10.6735 6.25485 10.586 6.1783 10.5531L5.25939 10.094C5.19379 10.0612 5.10629 10.083 5.07344 10.1595L5.07355 10.1594Z"
-        fill="white"
-      />
-      <path
-        d="M7.85144 10.5422C7.7968 10.6188 7.70929 10.6407 7.63274 10.586L5.74045 9.32823C5.66401 9.28442 5.65306 9.18597 5.69675 9.10942C5.74056 9.03287 5.83901 9.01097 5.91556 9.06562L7.8187 10.3344C7.8843 10.3782 7.9062 10.4767 7.85144 10.5422Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M7.86239 10.5531C7.80774 10.6298 7.69834 10.6516 7.62191 10.6079L5.72966 9.33905C5.65311 9.28441 5.63121 9.18596 5.68586 9.09857C5.74061 9.02191 5.85002 9 5.92656 9.04381L7.8187 10.3125C7.90619 10.3673 7.91715 10.4766 7.86239 10.5531ZM5.70776 9.10941C5.66407 9.175 5.67502 9.27346 5.7405 9.31715L7.6437 10.5861C7.70929 10.6299 7.79679 10.608 7.8406 10.5424C7.88429 10.4767 7.87334 10.3782 7.80786 10.3345L5.90455 9.06571C5.83895 9.02191 5.75145 9.04381 5.70765 9.10941H5.70776Z"
-        fill="white"
-      />
-      <path
-        d="M7.4469 8.9563C7.39226 9.02189 7.29381 9.04379 7.22821 8.98904L6.42975 8.36571C6.36415 8.31096 6.3532 8.21251 6.40784 8.14691C6.46249 8.08132 6.56094 8.05941 6.62665 8.11417L7.425 8.73749C7.49071 8.79225 7.50166 8.89059 7.4469 8.9563V8.9563Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M7.45781 8.96712C7.40316 9.04378 7.29376 9.05473 7.21721 8.99998L6.41878 8.37665C6.34223 8.322 6.33128 8.2126 6.38604 8.13617C6.44068 8.05951 6.55008 8.04856 6.62652 8.10332L7.42495 8.72664C7.50161 8.7814 7.51256 8.89069 7.45781 8.96735V8.96712ZM6.40783 8.14689C6.35318 8.21249 6.36414 8.29999 6.42973 8.35463L7.22817 8.97819C7.29376 9.02188 7.38126 9.01093 7.4359 8.94533C7.49066 8.87974 7.47971 8.79224 7.41411 8.73759L6.61568 8.11404C6.55008 8.07035 6.46247 8.0813 6.40794 8.14689H6.40783Z"
-        fill="white"
-      />
-      <path
-        d="M9.07648 9.06562C9.01099 9.13133 8.91243 9.13133 8.85778 9.06562L7.22821 7.45786C7.16261 7.39227 7.17345 7.29381 7.22821 7.23905C7.29381 7.17357 7.39226 7.17357 7.44691 7.23905L9.06575 8.84692C9.13135 8.90157 9.13135 9.01097 9.07671 9.06573L9.07648 9.06562Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M9.07664 9.0766C9.04455 9.10811 9.00137 9.12576 8.95639 9.12576C8.91142 9.12576 8.86824 9.10811 8.83615 9.0766L7.21725 7.46864C7.18567 7.43654 7.16797 7.39332 7.16797 7.34829C7.16797 7.30326 7.18567 7.26003 7.21725 7.22793C7.24934 7.19639 7.29254 7.17871 7.33754 7.17871C7.38255 7.17871 7.42575 7.19639 7.45784 7.22793L9.07664 8.83578C9.15318 8.90137 9.15318 9.01077 9.07664 9.07637V9.0766ZM7.23938 7.24984C7.18462 7.30459 7.18462 7.40304 7.23938 7.45758L8.85806 9.06542C8.91281 9.12018 9.01115 9.12018 9.0658 9.06542C9.12055 9.01077 9.12055 8.91232 9.0658 8.85768L7.44712 7.239C7.39247 7.18435 7.30486 7.18435 7.23938 7.24995V7.24984Z"
-        fill="white"
-      />
-      <path
-        d="M8.97816 7.43593C8.91256 7.49068 8.81411 7.49068 8.75936 7.42497L8.09211 6.65938C8.03758 6.59378 8.04842 6.49533 8.11413 6.44068C8.17961 6.38593 8.27817 6.38593 8.33282 6.45152L9.00006 7.21723C9.05471 7.27188 9.04376 7.37033 8.97816 7.43593Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M8.98906 7.43593C8.91252 7.50153 8.81406 7.49069 8.74835 7.42498L8.08121 6.65938C8.01561 6.59378 8.02656 6.48438 8.10311 6.41878C8.17966 6.35307 8.27811 6.36402 8.34371 6.42973L9.01097 7.19522C9.06561 7.27188 9.06561 7.38129 8.98906 7.43593V7.43593ZM8.11406 6.44068C8.04835 6.49533 8.04835 6.58283 8.09216 6.64843L8.75942 7.41403C8.81406 7.46879 8.90156 7.47974 8.96716 7.42498C9.03276 7.37034 9.03276 7.28272 8.98906 7.21724L8.32181 6.45152C8.26716 6.38604 8.17955 6.38604 8.11406 6.44068V6.44068Z"
-        fill="white"
-      />
-      <path
-        d="M10.5532 7.85171C10.4766 7.90635 10.3782 7.88445 10.3343 7.8079L9.05472 5.91566C9.01091 5.83911 9.03281 5.74066 9.09841 5.69696C9.17496 5.64232 9.27341 5.66422 9.31721 5.74077L10.5859 7.6329C10.6407 7.70945 10.6187 7.8079 10.5532 7.85159V7.85171Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M10.5532 7.86251C10.4767 7.91727 10.3673 7.89526 10.3125 7.81882L9.04388 5.92655C8.98924 5.85 9.01114 5.74071 9.09852 5.68606C9.17507 5.63131 9.28446 5.65321 9.33922 5.72976L10.6079 7.62192C10.6625 7.70942 10.6406 7.80787 10.5532 7.86251ZM9.10936 5.70785C9.04377 5.75155 9.02186 5.83905 9.06567 5.90476L10.3343 7.79692C10.3781 7.86251 10.4656 7.87347 10.542 7.82966C10.6077 7.78597 10.6296 7.69846 10.5858 7.63287L9.31732 5.75155C9.27351 5.68606 9.17507 5.66405 9.10958 5.70785H9.10936Z"
-        fill="white"
-      />
-      <path
-        d="M10.7828 6.23295C10.7063 6.27664 10.6078 6.25485 10.5641 6.1783L10.061 5.29235C10.0173 5.2158 10.05 5.11735 10.1267 5.07355C10.2032 5.02985 10.3016 5.05164 10.3453 5.1283L10.8484 6.01414C10.8813 6.09069 10.8594 6.18914 10.7829 6.23295H10.7828Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M10.7828 6.24391C10.6953 6.2876 10.5968 6.26581 10.5531 6.18915L10.0499 5.30331C10.0062 5.22664 10.0281 5.11735 10.1156 5.07355C10.2031 5.02985 10.3016 5.05164 10.3453 5.1283L10.8483 6.01415C10.8922 6.0907 10.8703 6.18915 10.7829 6.24391H10.7828ZM10.1266 5.0845C10.0609 5.12819 10.0281 5.21569 10.0718 5.2814L10.575 6.16736C10.6187 6.23284 10.7062 6.25486 10.7718 6.22201C10.8375 6.17831 10.8703 6.0907 10.8266 6.0251L10.3234 5.13914C10.2906 5.07366 10.1922 5.04069 10.1266 5.0845V5.0845Z"
-        fill="white"
-      />
-      <path
-        d="M12.2373 6.95474C12.1499 6.98748 12.0623 6.95474 12.0296 6.87819L11.1437 4.76713C11.1109 4.69058 11.1546 4.59213 11.2312 4.55927C11.3187 4.52653 11.4062 4.55927 11.4389 4.63582L12.3248 6.74677C12.3577 6.82332 12.314 6.92177 12.2373 6.95451V6.95474Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.2377 6.9657C12.1503 6.99845 12.0518 6.9657 12.008 6.87809L11.122 4.76727C11.1062 4.72519 11.1076 4.67853 11.126 4.63752C11.1445 4.5965 11.1785 4.56448 11.2205 4.54846C11.308 4.51572 11.4064 4.54846 11.4503 4.63596L12.3361 6.7469C12.369 6.82345 12.3253 6.9219 12.2378 6.9657H12.2377ZM11.2424 4.57036C11.1658 4.60311 11.133 4.69072 11.1658 4.75632L12.0517 6.86714C12.0844 6.94369 12.1719 6.97643 12.2485 6.94369C12.325 6.91095 12.358 6.82333 12.325 6.75774L11.4392 4.6468C11.3954 4.57025 11.3188 4.5374 11.2423 4.57025L11.2424 4.57036Z"
-        fill="white"
-      />
-      <path
-        d="M12.7733 5.40174C12.6858 5.43448 12.5983 5.39068 12.5656 5.30329L12.2483 4.34069C12.2156 4.26414 12.2702 4.16569 12.3468 4.1439C12.4233 4.122 12.5218 4.15485 12.5545 4.24235L12.8717 5.20484C12.9045 5.28139 12.8608 5.36889 12.7733 5.40163V5.40174Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.7844 5.41251C12.7423 5.42837 12.6957 5.42691 12.6547 5.40845C12.6137 5.39 12.5817 5.35606 12.5657 5.31406L12.2484 4.35156C12.2157 4.26406 12.2703 4.16572 12.3579 4.13287C12.4 4.11701 12.4466 4.11847 12.4876 4.13693C12.5286 4.15538 12.5606 4.18932 12.5766 4.23132L12.8938 5.19382C12.9157 5.28132 12.8719 5.37977 12.7844 5.41251V5.41251ZM12.3578 4.15477C12.2813 4.17656 12.2375 4.26406 12.2594 4.34061L12.5766 5.30322C12.5984 5.37977 12.6859 5.41251 12.7626 5.39061C12.8392 5.36882 12.8829 5.28132 12.861 5.20477L12.5438 4.24216C12.5382 4.22359 12.5288 4.20641 12.5161 4.19172C12.5035 4.17704 12.4879 4.16518 12.4703 4.15693C12.4528 4.14867 12.4337 4.1442 12.4143 4.14381C12.3949 4.14342 12.3757 4.14712 12.3578 4.15466V4.15477Z"
-        fill="white"
-      />
-      <path
-        d="M14.064 6.3969C13.9765 6.4188 13.889 6.36416 13.8781 6.27655L13.4187 4.03441C13.3968 3.94692 13.4625 3.87037 13.5499 3.84846C13.6375 3.82656 13.7249 3.88121 13.7358 3.96882L14.1953 6.21106C14.2061 6.2875 14.1515 6.375 14.064 6.3969V6.3969Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.064 6.40785C13.9656 6.42976 13.8781 6.36405 13.8562 6.27655L13.3968 4.0344C13.3749 3.9469 13.4406 3.84845 13.5281 3.8375C13.6265 3.81559 13.714 3.8813 13.7358 3.9688L14.1953 6.21106C14.2171 6.29845 14.1625 6.38606 14.064 6.40785V6.40785ZM13.55 3.8594C13.4733 3.87035 13.4187 3.9469 13.4296 4.0344L13.889 6.27666C13.9 6.35309 13.9874 6.40785 14.064 6.38595C14.1406 6.375 14.1952 6.29845 14.1843 6.21095L13.7249 3.96869C13.7031 3.89226 13.6265 3.84845 13.5499 3.8594H13.55Z"
-        fill="white"
-      />
-      <path
-        d="M14.8954 4.97504C14.8079 4.98599 14.7313 4.93134 14.7094 4.84384L14.5782 3.83752C14.5673 3.75002 14.6329 3.67347 14.7205 3.66252C14.8079 3.65157 14.8844 3.70633 14.9063 3.79383L15.0375 4.80003C15.0484 4.88754 14.9828 4.96409 14.8954 4.97504V4.97504Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.8954 4.98597C14.7969 4.99693 14.7094 4.93133 14.6985 4.84372L14.5673 3.83752C14.5563 3.75002 14.6219 3.66252 14.7204 3.65156C14.8188 3.64072 14.9063 3.70632 14.9173 3.79382L15.0485 4.80002C15.0594 4.88752 14.9938 4.97502 14.8954 4.98597V4.98597ZM14.7313 3.67347C14.6548 3.68442 14.5891 3.76097 14.6 3.83752L14.7313 4.84383C14.7423 4.92038 14.8188 4.97502 14.8954 4.96407C14.9719 4.95323 15.0376 4.87657 15.0267 4.80002L14.8954 3.79382C14.8844 3.71727 14.8079 3.66252 14.7313 3.67347V3.67347Z"
-        fill="white"
-      />
-      <path
-        d="M16.0766 28.9391C23.2287 28.9391 29.0266 23.1411 29.0266 15.9891C29.0266 8.83697 23.2287 3.03906 16.0766 3.03906C8.92456 3.03906 3.12665 8.83697 3.12665 15.9891C3.12665 23.1411 8.92456 28.9391 16.0766 28.9391Z"
-        fill="url(#paint2_linear_449_13003)"
-        fillOpacity="0.2"
-      />
-      <path
-        d="M25.0453 7.77502L14.6 14.4688H14.589V14.4797L14.5781 14.4906L8.05951 25.2423L17.6407 17.5313L17.6517 17.5205V17.5095L25.0455 7.77514L25.0453 7.77502Z"
-        fill="black"
-        fillOpacity="0.05"
-      />
-      <path
-        d="M24.8484 7.15149L14.5234 14.4905L17.5859 17.5311L24.8484 7.15149"
-        fill="#CD151E"
-      />
-      <path
-        d="M14.5344 14.4687L16.0767 15.989L24.8484 7.15149L14.5344 14.4687V14.4687Z"
-        fill="#FA5153"
-      />
-      <path
-        d="M14.5344 14.4687L17.5969 17.5092L7.27191 24.8484L14.5344 14.4686V14.4687Z"
-        fill="#ACACAC"
-      />
-      <path
-        d="M7.27191 24.8484L16.0766 15.989L14.5343 14.4686L7.27191 24.8484Z"
-        fill="#EEEEEE"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_449_13003"
-          x1="16"
-          y1="30"
-          x2="16"
-          y2="2"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.25" stopColor="#DBDBDA" />
-          <stop offset="1" stopColor="white" />
-        </linearGradient>
-        <radialGradient
-          id="paint1_radial_449_13003"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(17.8195 13.1553) scale(15.8073 15.8073)"
-        >
-          <stop stopColor="#2ABCE1" />
-          <stop offset="0.11363" stopColor="#2ABBE1" />
-          <stop offset="1" stopColor="#3375F8" />
-        </radialGradient>
-        <linearGradient
-          id="paint2_linear_449_13003"
-          x1="15.8306"
-          y1="12.2861"
-          x2="9.78632"
-          y2="23.1302"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopOpacity="0" />
-          <stop offset="1" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="url(#paint0_linear_449_13003)"/>
+<path d="M16 28.9499C23.1521 28.9499 28.9501 23.152 28.9501 15.9999C28.9501 8.84784 23.1521 3.04993 16 3.04993C8.84796 3.04993 3.05005 8.84784 3.05005 15.9999C3.05005 23.152 8.84796 28.9499 16 28.9499Z" fill="url(#paint1_radial_449_13003)"/>
+<path d="M16.0219 6.20007C15.9344 6.20007 15.8578 6.13447 15.8578 6.04697V3.76101C15.8578 3.67351 15.9344 3.60791 16.0219 3.60791C16.1094 3.60791 16.1859 3.67351 16.1859 3.76101V6.04697C16.175 6.13447 16.1094 6.20007 16.0219 6.20007Z" fill="#F3F3F3"/>
+<path d="M16.0219 6.21096C15.9235 6.21096 15.8469 6.13441 15.8469 6.04691V3.76097C15.8469 3.67347 15.9235 3.59692 16.0219 3.59692C16.1204 3.59692 16.1969 3.67347 16.1969 3.76097V6.04691C16.1969 6.13441 16.1094 6.21096 16.0219 6.21096ZM16.0219 3.61871C15.9454 3.61871 15.8688 3.68442 15.8688 3.76097V6.04691C15.8688 6.12346 15.9344 6.18917 16.0219 6.18917C16.0985 6.18917 16.175 6.12346 16.175 6.04691V3.76097C16.1642 3.68442 16.0985 3.61871 16.0219 3.61871V3.61871Z" fill="white"/>
+<path d="M17.1157 4.97506C17.0282 4.96411 16.9626 4.89851 16.9626 4.81101L17.0391 3.79373C17.05 3.70634 17.1266 3.64063 17.2141 3.65158C17.3016 3.66254 17.3672 3.72825 17.3672 3.81575L17.2907 4.83291C17.2797 4.92041 17.2032 4.98601 17.1157 4.97517V4.97506Z" fill="#F3F3F3"/>
+<path d="M17.1156 4.98592C17.0172 4.97496 16.9516 4.89842 16.9516 4.81092L17.0281 3.79365C17.0391 3.70626 17.1156 3.62971 17.2141 3.64055C17.3124 3.65151 17.3781 3.72817 17.3781 3.81555L17.3016 4.83282C17.2906 4.93127 17.2141 4.99687 17.1156 4.98592ZM17.2141 3.66246C17.1376 3.66246 17.0609 3.71722 17.0609 3.79376L16.9843 4.81103C16.9843 4.88746 17.0391 4.95317 17.1266 4.96401C17.2031 4.96401 17.2797 4.90937 17.2797 4.83282L17.3562 3.81555C17.3562 3.73901 17.2906 3.67341 17.214 3.66246H17.2141Z" fill="white"/>
+<path d="M17.9359 6.39693C17.8483 6.37502 17.7937 6.29847 17.8046 6.21097L18.253 3.9687C18.2749 3.88131 18.3515 3.82656 18.439 3.84846C18.5265 3.87036 18.5811 3.94691 18.5702 4.03441L18.1217 6.27668C18.1108 6.35312 18.0233 6.40788 17.9358 6.39693H17.9359Z" fill="#F3F3F3"/>
+<path d="M17.9361 6.40784C17.8375 6.38593 17.7829 6.29843 17.7938 6.21093L18.2422 3.96869C18.2641 3.8813 18.3516 3.81559 18.4499 3.8375C18.5484 3.8594 18.6031 3.9469 18.5922 4.0344L18.1438 6.27664C18.1219 6.36403 18.0344 6.41879 17.9361 6.40784ZM18.4499 3.8594C18.3734 3.84845 18.2969 3.89214 18.275 3.9688L17.8267 6.21105C17.8157 6.28748 17.8594 6.36403 17.9469 6.38605C18.0234 6.39689 18.1 6.35308 18.1219 6.27653L18.5703 4.0344C18.5812 3.9469 18.5266 3.8813 18.4499 3.8594V3.8594Z" fill="white"/>
+<path d="M19.2484 5.41251C19.2276 5.40749 19.208 5.39841 19.1906 5.3858C19.1733 5.37318 19.1587 5.35727 19.1475 5.33899C19.1363 5.3207 19.1289 5.30039 19.1256 5.27922C19.1222 5.25805 19.1231 5.23643 19.1282 5.21561L19.4016 4.23132C19.4234 4.14382 19.5109 4.10001 19.5984 4.12192C19.6859 4.14382 19.7407 4.23132 19.7188 4.31882L19.4453 5.30322C19.4234 5.39061 19.3359 5.43442 19.2484 5.41251Z" fill="#F3F3F3"/>
+<path d="M19.2485 5.42352C19.161 5.40161 19.0955 5.30316 19.1283 5.21578L19.4017 4.23127C19.4235 4.14389 19.522 4.08913 19.6094 4.11103C19.6969 4.13293 19.7625 4.23139 19.7298 4.31877L19.4564 5.30328C19.4345 5.39066 19.347 5.44542 19.2486 5.42352H19.2485ZM19.6094 4.14389C19.5329 4.12198 19.4454 4.16579 19.4235 4.24234L19.1502 5.22662C19.1283 5.30316 19.172 5.37982 19.2595 5.40161C19.336 5.42352 19.4235 5.37982 19.4454 5.30328L19.7188 4.31877C19.7298 4.24234 19.6861 4.16579 19.6094 4.14377V4.14389Z" fill="white"/>
+<path d="M19.7845 6.95474C19.697 6.92188 19.6642 6.82343 19.697 6.74688L20.5719 4.63594C20.6047 4.5594 20.7032 4.51559 20.7797 4.5594C20.8673 4.59214 20.9001 4.6907 20.8673 4.76714L19.9923 6.87808C19.9596 6.95474 19.861 6.99843 19.7846 6.95474H19.7845Z" fill="#F3F3F3"/>
+<path d="M19.7844 6.96578C19.7424 6.94977 19.7084 6.91774 19.69 6.87673C19.6715 6.83571 19.6701 6.78905 19.6859 6.74698L20.561 4.63601C20.5938 4.54851 20.6923 4.51565 20.7907 4.54851C20.8328 4.56453 20.8667 4.59655 20.8852 4.63757C20.9036 4.67858 20.9051 4.72524 20.8892 4.76732L20.0142 6.87828C19.9704 6.96578 19.8719 7.00948 19.7844 6.96578ZM20.7798 4.57041C20.7032 4.53767 20.6157 4.57041 20.5829 4.64696L19.7078 6.75793C19.6751 6.83448 19.7188 6.91103 19.7953 6.94388C19.8719 6.97662 19.9594 6.94388 19.9923 6.86733L20.8673 4.75637C20.8892 4.69066 20.8563 4.60316 20.7798 4.57041V4.57041Z" fill="white"/>
+<path d="M21.261 6.25474C21.1844 6.21093 21.1515 6.12343 21.1844 6.04689L21.6437 5.13916C21.6874 5.0625 21.7749 5.02965 21.8625 5.07345C21.939 5.11726 21.9718 5.20476 21.939 5.28119L21.4796 6.18903C21.4359 6.26558 21.3484 6.29854 21.2609 6.25474H21.261Z" fill="#F3F3F3"/>
+<path d="M21.2611 6.26577C21.1735 6.22197 21.1407 6.12351 21.1844 6.03601L21.6439 5.12828C21.6875 5.04067 21.7861 5.00792 21.8735 5.05162C21.961 5.09542 21.9939 5.19388 21.9501 5.28137L21.4907 6.18911C21.4469 6.27661 21.3485 6.30946 21.261 6.26566L21.2611 6.26577ZM21.8627 5.07352C21.786 5.04078 21.6985 5.06257 21.6658 5.13912L21.2063 6.04697C21.1736 6.11256 21.2063 6.20006 21.2719 6.24387C21.3485 6.27661 21.436 6.25482 21.4688 6.17827L21.9283 5.27042C21.961 5.20483 21.9283 5.11733 21.8627 5.07352Z" fill="white"/>
+<path d="M21.4798 7.87353C21.4032 7.81888 21.3813 7.72043 21.436 7.65483L22.7048 5.76256C22.7485 5.68601 22.847 5.67506 22.9235 5.71887C23.0001 5.77351 23.0219 5.87196 22.9673 5.93756L21.6985 7.82983C21.6548 7.90638 21.5563 7.92828 21.4798 7.87353Z" fill="#F3F3F3"/>
+<path d="M21.4797 7.88442C21.4032 7.82977 21.3813 7.72037 21.4251 7.64382L22.6938 5.75161C22.7485 5.67506 22.8469 5.65316 22.9344 5.70791C23.011 5.76256 23.0329 5.87196 22.9892 5.94851L21.7203 7.84072C21.6657 7.91727 21.5563 7.93906 21.4797 7.88442ZM22.9235 5.72982C22.858 5.68601 22.7594 5.69696 22.7157 5.76256L21.4469 7.65478C21.4032 7.72026 21.425 7.80787 21.4907 7.85156C21.5563 7.89537 21.6547 7.88442 21.6984 7.81882L22.9673 5.93755C23.011 5.87196 22.9892 5.77351 22.9235 5.72982V5.72982Z" fill="white"/>
+<path d="M23.0766 7.46886C23.0111 7.4141 22.9892 7.31565 23.0438 7.25005L23.6782 6.4516C23.7328 6.38612 23.8313 6.37505 23.8969 6.42981C23.9626 6.48445 23.9844 6.58291 23.9296 6.6485L23.2954 7.44695C23.2407 7.51255 23.1423 7.5235 23.0767 7.46886H23.0766Z" fill="#F3F3F3"/>
+<path d="M23.0657 7.47974C22.9891 7.42498 22.9782 7.31557 23.0329 7.23902L23.6672 6.44066C23.7219 6.364 23.8312 6.35305 23.9078 6.41876C23.9843 6.4734 23.9953 6.58281 23.9405 6.65936L23.3063 7.45783C23.2516 7.53439 23.1422 7.54534 23.0657 7.47974V7.47974ZM23.8859 6.44055C23.8204 6.3859 23.7328 6.39685 23.6782 6.46245L23.0438 7.26093C23.0001 7.32652 23.011 7.41403 23.0765 7.46867C23.1422 7.52343 23.2297 7.51248 23.2844 7.44688L23.9187 6.64841C23.9625 6.58281 23.9515 6.48436 23.886 6.44066L23.8859 6.44055Z" fill="white"/>
+<path d="M22.9672 9.10941C22.9016 9.04382 22.9016 8.94537 22.9672 8.89061L24.5859 7.28289C24.6516 7.2173 24.7499 7.22814 24.8046 7.28289C24.8593 7.33754 24.8702 7.44694 24.8046 7.50158L23.197 9.10941C23.1313 9.17501 23.0328 9.17501 22.9672 9.10941V9.10941Z" fill="#F3F3F3"/>
+<path d="M22.9563 9.12037C22.9247 9.08828 22.907 9.04508 22.907 9.00007C22.907 8.95507 22.9247 8.91187 22.9563 8.87978L24.575 7.27193C24.6071 7.24035 24.6503 7.22266 24.6954 7.22266C24.7404 7.22266 24.7836 7.24035 24.8157 7.27193C24.8473 7.30403 24.8649 7.34723 24.8649 7.39223C24.8649 7.43723 24.8473 7.48044 24.8157 7.51253L23.1969 9.12026C23.1648 9.1518 23.1216 9.16948 23.0766 9.16948C23.0316 9.16948 22.9884 9.1518 22.9563 9.12026V9.12037ZM24.8048 7.28289C24.7501 7.22813 24.6517 7.22813 24.597 7.28289L22.9782 8.89062C22.9234 8.94537 22.9234 9.04382 22.9782 9.09847C23.0328 9.15323 23.1313 9.15323 23.1859 9.09847L24.8048 7.49074C24.8594 7.43598 24.8594 7.34848 24.8048 7.28289Z" fill="white"/>
+<path d="M24.6078 9.02192C24.5532 8.95633 24.5532 8.85788 24.6188 8.80312L25.3953 8.14695C25.4609 8.09231 25.5593 8.10315 25.6141 8.16885C25.6687 8.23445 25.6687 8.3329 25.6031 8.38754L24.8266 9.04382C24.7609 9.09847 24.6625 9.08752 24.6078 9.02192Z" fill="#F3F3F3"/>
+<path d="M24.5969 9.03285C24.5313 8.95631 24.5422 8.8469 24.6078 8.79226L25.3843 8.13596C25.4499 8.07036 25.5593 8.08131 25.6249 8.15786C25.6906 8.23441 25.6796 8.34381 25.614 8.39846L24.8374 9.05476C24.772 9.12024 24.6624 9.1094 24.597 9.03285H24.5969ZM25.6031 8.16881C25.5483 8.10322 25.4608 8.10322 25.3954 8.14691L24.6188 8.80321C24.5641 8.85786 24.5532 8.94535 24.6078 9.01095C24.6624 9.07655 24.7501 9.07655 24.8155 9.03285L25.5921 8.37655C25.6577 8.32191 25.6577 8.23441 25.6031 8.16881Z" fill="white"/>
+<path d="M24.1704 10.597C24.1157 10.5204 24.1376 10.422 24.2142 10.3782L26.1172 9.10946C26.1937 9.06565 26.2922 9.08756 26.3358 9.15327C26.3906 9.22982 26.3687 9.32827 26.2922 9.37196L24.3891 10.6407C24.3234 10.6845 24.225 10.6626 24.1704 10.597V10.597Z" fill="#F3F3F3"/>
+<path d="M24.1594 10.5969C24.1047 10.5204 24.1266 10.411 24.2032 10.3563L26.1063 9.08751C26.1828 9.03287 26.2922 9.05477 26.3469 9.14227C26.4016 9.21882 26.3796 9.32822 26.3032 9.38275L24.4001 10.6517C24.3234 10.7064 24.2141 10.6845 24.1594 10.597V10.5969ZM26.325 9.16417C26.2813 9.09847 26.1938 9.07656 26.1282 9.12037L24.225 10.389C24.1595 10.4329 24.1375 10.5204 24.1922 10.5969C24.2359 10.6625 24.3234 10.6844 24.3891 10.6407L26.2922 9.37191C26.3578 9.31727 26.3688 9.22966 26.325 9.16417Z" fill="white"/>
+<path d="M25.8002 10.8266C25.7564 10.7499 25.7783 10.6516 25.8549 10.6078L26.7408 10.1047C26.8174 10.0609 26.9158 10.0938 26.9595 10.1702C27.0033 10.2469 26.9814 10.3452 26.9049 10.389L26.0189 10.8922C25.9424 10.9359 25.8439 10.9031 25.8001 10.8265L25.8002 10.8266Z" fill="#F3F3F3"/>
+<path d="M25.7893 10.8375C25.7455 10.75 25.7674 10.6515 25.8439 10.6078L26.7299 10.1047C26.8065 10.0609 26.9159 10.0938 26.9596 10.1702C27.0034 10.2578 26.9815 10.3563 26.9049 10.4L26.0189 10.9032C25.9424 10.9469 25.833 10.914 25.7893 10.8375V10.8375ZM26.9486 10.1813C26.9049 10.1047 26.8174 10.0828 26.7518 10.1265L25.8658 10.6297C25.8003 10.6734 25.7783 10.7609 25.8111 10.8265C25.8549 10.9031 25.9424 10.925 26.008 10.8813L26.894 10.3781C26.9596 10.3453 26.9815 10.2578 26.9486 10.1813V10.1813Z" fill="white"/>
+<path d="M25.0673 12.2813C25.0345 12.1938 25.0673 12.1063 25.1548 12.0735L27.2657 11.1986C27.3422 11.1657 27.4407 11.2094 27.4734 11.2859C27.5063 11.3734 27.4734 11.4609 27.3859 11.4937L25.2751 12.3687C25.1985 12.4015 25.1001 12.3687 25.0673 12.2813Z" fill="#F3F3F3"/>
+<path d="M25.0563 12.2922C25.0235 12.2048 25.0563 12.1063 25.1438 12.0625L27.2547 11.1876C27.2968 11.1717 27.3434 11.1732 27.3844 11.1916C27.4254 11.2101 27.4574 11.244 27.4734 11.286C27.5062 11.3735 27.4734 11.4719 27.3859 11.5156L25.2751 12.3906C25.233 12.4065 25.1864 12.4051 25.1454 12.3866C25.1043 12.3682 25.0723 12.3343 25.0563 12.2923V12.2922ZM27.4516 11.297C27.4187 11.2204 27.3312 11.1876 27.2657 11.2095L25.1547 12.0844C25.0782 12.1172 25.0453 12.2048 25.0782 12.2813C25.1109 12.3579 25.1984 12.3907 25.2641 12.3688L27.3749 11.4938C27.4516 11.4611 27.4845 11.3735 27.4516 11.297Z" fill="white"/>
+<path d="M26.6096 12.8283C26.5768 12.7406 26.6205 12.6533 26.708 12.6204L27.6704 12.3031C27.747 12.2704 27.8454 12.325 27.8673 12.4016C27.9 12.4891 27.8563 12.5766 27.7689 12.6094L26.8064 12.9267C26.7299 12.9594 26.6424 12.9158 26.6096 12.8281V12.8283Z" fill="#F3F3F3"/>
+<path d="M26.5984 12.839C26.5657 12.7515 26.6094 12.6531 26.708 12.6203L27.6702 12.3031C27.7577 12.2703 27.8562 12.325 27.889 12.4126C27.9218 12.5 27.8781 12.5984 27.7795 12.6313L26.8172 12.9485C26.7297 12.9703 26.6313 12.9265 26.5984 12.839ZM27.8671 12.4235C27.8452 12.3469 27.7577 12.3031 27.6812 12.325L26.7188 12.6422C26.6422 12.664 26.6094 12.7515 26.6313 12.8282C26.6532 12.9047 26.7407 12.9484 26.8172 12.9265L27.7796 12.6094C27.8562 12.5766 27.889 12.5 27.8671 12.4234V12.4235Z" fill="white"/>
+<path d="M25.6253 14.1297C25.6034 14.0422 25.658 13.9547 25.7455 13.9438L27.9876 13.5063C28.075 13.4844 28.1516 13.55 28.1734 13.6375C28.1953 13.725 28.1407 13.8125 28.0532 13.8234L25.8111 14.2609C25.7236 14.2719 25.6361 14.2172 25.6251 14.1297H25.6253Z" fill="#F3F3F3"/>
+<path d="M25.6031 14.1299C25.5812 14.0314 25.6468 13.9439 25.7343 13.922L27.9765 13.4844C28.064 13.4625 28.1515 13.5283 28.1733 13.6267C28.1952 13.7251 28.1296 13.8126 28.0421 13.8345L25.7999 14.272C25.7125 14.2939 25.6249 14.2283 25.6031 14.1297V14.1299ZM28.1515 13.6376C28.1406 13.561 28.064 13.5064 27.9875 13.5173L25.7452 13.9548C25.6687 13.9658 25.614 14.0532 25.6358 14.1299C25.6468 14.2064 25.7233 14.2611 25.8 14.2501L28.0421 13.8126C28.1186 13.7907 28.1733 13.7141 28.1515 13.6376Z" fill="white"/>
+<path d="M27.0251 14.9719C27.0141 14.8844 27.0688 14.8078 27.1563 14.7968L28.1624 14.6765C28.2499 14.6656 28.3266 14.7312 28.3374 14.8187C28.3484 14.9063 28.2938 14.9828 28.2063 14.9938L27.2 15.114C27.1234 15.125 27.0359 15.0594 27.025 14.9719H27.0251Z" fill="#F3F3F3"/>
+<path d="M27.0141 14.9719C27.0032 14.8734 27.0688 14.7859 27.1563 14.775L28.1624 14.6548C28.2499 14.6438 28.3374 14.7094 28.3484 14.8078C28.3593 14.9063 28.2937 14.9938 28.2062 15.0047L27.2 15.125C27.1126 15.1359 27.025 15.0703 27.0141 14.9719ZM28.3374 14.8188C28.3266 14.7423 28.25 14.6765 28.1734 14.6875L27.1672 14.8078C27.0907 14.8188 27.0359 14.8953 27.0469 14.9719C27.0578 15.0484 27.1344 15.1141 27.2109 15.1032L28.2172 14.9828C28.2937 14.9719 28.3484 14.8953 28.3375 14.8188H28.3374Z" fill="white"/>
+<path d="M25.8002 16.0328C25.8002 15.9453 25.8657 15.8688 25.9533 15.8688H28.2393C28.3268 15.8688 28.3924 15.9453 28.3924 16.0328C28.3924 16.1203 28.3268 16.1969 28.2393 16.1969H25.9533C25.8658 16.1969 25.8002 16.1203 25.8002 16.0328Z" fill="#F3F3F3"/>
+<path d="M25.7892 16.0329C25.7892 15.9345 25.8658 15.8579 25.9533 15.8579H28.2392C28.3267 15.8579 28.4033 15.9345 28.4033 16.0329C28.4033 16.1313 28.3267 16.2079 28.2392 16.2079H25.9533C25.8658 16.2079 25.7892 16.1313 25.7892 16.0329ZM28.3814 16.0439C28.3814 15.9673 28.3158 15.8908 28.2391 15.8908H25.9534C25.8769 15.8908 25.8111 15.9562 25.8111 16.0439C25.8111 16.1204 25.8769 16.1969 25.9534 16.1969H28.2394C28.3159 16.186 28.3815 16.1204 28.3815 16.0439H28.3814Z" fill="white"/>
+<path d="M27.0142 17.1375C27.025 17.05 27.0907 16.9844 27.1782 16.9844L28.1954 17.0609C28.2828 17.0719 28.3484 17.1484 28.3374 17.2359C28.3266 17.3234 28.2609 17.389 28.1734 17.389L27.1563 17.3125C27.0797 17.3015 27.014 17.225 27.014 17.1375H27.0142Z" fill="#F3F3F3"/>
+<path d="M27.0032 17.1376C27.0142 17.0391 27.0907 16.9735 27.1783 16.9735L28.1956 17.0501C28.283 17.061 28.3596 17.1376 28.3486 17.236C28.3378 17.3345 28.2611 17.4001 28.1736 17.4001L27.1563 17.3235C27.0688 17.3126 27.0032 17.2251 27.0032 17.1376ZM28.3378 17.236C28.3486 17.1595 28.283 17.0829 28.2064 17.0829L27.1891 17.0064C27.1126 17.0064 27.0469 17.061 27.036 17.1486C27.0251 17.2251 27.0907 17.3016 27.1673 17.3016L28.1847 17.3782C28.2611 17.3782 28.3268 17.3127 28.3378 17.236V17.236Z" fill="white"/>
+<path d="M25.6033 17.936C25.6252 17.8485 25.7018 17.7937 25.7893 17.8048L28.0315 18.2532C28.119 18.275 28.1737 18.3516 28.1518 18.4391C28.1299 18.5266 28.0534 18.5813 27.9659 18.5704L25.7236 18.1219C25.647 18.111 25.5924 18.0235 25.6033 17.936V17.936Z" fill="#F3F3F3"/>
+<path d="M25.5921 17.936C25.614 17.8375 25.7015 17.7829 25.789 17.7937L28.0313 18.2422C28.1188 18.264 28.1844 18.3515 28.1625 18.45C28.1407 18.5484 28.0532 18.6032 27.9657 18.5922L25.7233 18.1438C25.6358 18.1219 25.5811 18.0344 25.5921 17.9361V17.936ZM28.1407 18.45C28.1517 18.3734 28.108 18.2969 28.0313 18.275L25.7889 17.8266C25.7125 17.8157 25.6358 17.8594 25.6139 17.9469C25.603 18.0235 25.6467 18.1 25.7234 18.1219L27.9657 18.5703C28.0532 18.5813 28.1188 18.5265 28.1407 18.45Z" fill="white"/>
+<path d="M26.5876 19.2485C26.5926 19.2277 26.6017 19.208 26.6143 19.1907C26.6269 19.1734 26.6428 19.1587 26.661 19.1476C26.6793 19.1364 26.6996 19.1289 26.7208 19.1256C26.7419 19.1223 26.7635 19.1232 26.7844 19.1282L27.7687 19.4016C27.8562 19.4235 27.8999 19.5111 27.8781 19.5985C27.8731 19.6193 27.8641 19.639 27.8515 19.6563C27.8388 19.6737 27.8229 19.6883 27.8046 19.6995C27.7864 19.7107 27.766 19.7182 27.7449 19.7215C27.7237 19.7248 27.7021 19.7239 27.6812 19.7189L26.6969 19.4454C26.6094 19.4235 26.5657 19.336 26.5875 19.2485H26.5876Z" fill="#F3F3F3"/>
+<path d="M26.5767 19.2485C26.5986 19.161 26.697 19.0954 26.7845 19.1282L27.7689 19.4015C27.8564 19.4234 27.9112 19.5219 27.8893 19.6094C27.8673 19.6969 27.7689 19.7624 27.6814 19.7297L26.697 19.4563C26.6095 19.4344 26.5548 19.3469 26.5768 19.2486L26.5767 19.2485ZM27.8564 19.6094C27.8783 19.5328 27.8345 19.4453 27.7579 19.4234L26.7736 19.15C26.697 19.1281 26.6205 19.1719 26.5986 19.2594C26.5768 19.336 26.6205 19.4234 26.697 19.4453L27.6814 19.7188C27.7579 19.7297 27.8345 19.686 27.8564 19.6094Z" fill="white"/>
+<path d="M25.0453 19.7735C25.0781 19.686 25.1766 19.6531 25.2531 19.686L27.3641 20.5609C27.4406 20.5937 27.4843 20.6922 27.4516 20.7687C27.4187 20.8563 27.3203 20.889 27.2437 20.8563L25.1328 19.9813C25.0453 19.9486 25.0125 19.85 25.0453 19.7736V19.7735Z" fill="#F3F3F3"/>
+<path d="M25.0344 19.7625C25.0504 19.7205 25.0824 19.6865 25.1234 19.668C25.1644 19.6496 25.2111 19.6481 25.2532 19.664L27.364 20.5391C27.4515 20.5719 27.4843 20.6704 27.4515 20.7688C27.4355 20.8109 27.4035 20.8448 27.3625 20.8633C27.3215 20.8817 27.2748 20.8832 27.2327 20.8673L25.1219 19.9923C25.0344 19.9484 25.0016 19.85 25.0344 19.7625ZM27.4296 20.7579C27.4624 20.6813 27.4296 20.5938 27.3531 20.561L25.2422 19.6859C25.1657 19.6532 25.0891 19.6969 25.0563 19.7734C25.0235 19.85 25.0563 19.9375 25.1328 19.9704L27.2437 20.8454C27.3202 20.8673 27.4077 20.8344 27.4296 20.7579Z" fill="white"/>
+<path d="M25.7563 21.25C25.8001 21.1735 25.8874 21.1406 25.964 21.1735L26.8717 21.6329C26.9482 21.6656 26.9811 21.7641 26.9374 21.8516C26.8936 21.9281 26.8061 21.9611 26.7296 21.9281L25.822 21.4688C25.7453 21.425 25.7125 21.3266 25.7563 21.25Z" fill="#F3F3F3"/>
+<path d="M25.7452 21.2391C25.789 21.1516 25.8875 21.1189 25.975 21.1626L26.8828 21.622C26.9703 21.6658 27.0031 21.7643 26.9593 21.8516C26.9156 21.9391 26.817 21.972 26.7297 21.9282L25.8219 21.4689C25.7343 21.4362 25.7015 21.3266 25.7452 21.2391V21.2391ZM26.9266 21.8407C26.9593 21.7641 26.9374 21.6766 26.8608 21.6439L25.9531 21.1845C25.8874 21.1517 25.8 21.1845 25.7562 21.2501C25.7234 21.3266 25.7452 21.4141 25.8218 21.447L26.7295 21.9064C26.8062 21.9391 26.8937 21.9174 26.9266 21.8407Z" fill="white"/>
+<path d="M24.1484 21.4578C24.2031 21.3813 24.2906 21.3594 24.3672 21.414L26.2703 22.6828C26.3469 22.7265 26.3578 22.8251 26.3141 22.9015C26.2594 22.9782 26.1719 23 26.0953 22.9453L24.1922 21.6765C24.1156 21.6219 24.0937 21.5234 24.1484 21.4578Z" fill="#F3F3F3"/>
+<path d="M24.1375 21.4468C24.1922 21.3703 24.3016 21.3484 24.3782 21.3922L26.2814 22.6609C26.3579 22.7155 26.3798 22.814 26.325 22.9015C26.2704 22.9781 26.161 22.9999 26.0846 22.9562L24.1813 21.6874C24.0938 21.6328 24.0828 21.5234 24.1375 21.4468ZM26.2923 22.8905C26.336 22.825 26.325 22.7265 26.2596 22.6828L24.3563 21.414C24.2907 21.3703 24.2032 21.3922 24.1594 21.4578C24.1157 21.5234 24.1266 21.6218 24.1921 21.6655L26.0954 22.9343C26.161 22.9781 26.2485 22.9562 26.2923 22.8906V22.8905Z" fill="white"/>
+<path d="M24.5532 23.0438C24.6078 22.9781 24.7063 22.9563 24.7719 23.0111L25.5703 23.6344C25.6359 23.6891 25.6469 23.7875 25.5922 23.8532C25.5376 23.9187 25.4391 23.9407 25.3734 23.886L24.575 23.2625C24.5095 23.2078 24.4984 23.1094 24.5532 23.0438V23.0438Z" fill="#F3F3F3"/>
+<path d="M24.5422 23.0329C24.5969 22.9564 24.7063 22.9454 24.7828 23.0002L25.5812 23.6235C25.6578 23.6782 25.6687 23.7876 25.614 23.8641C25.5593 23.9408 25.4499 23.9516 25.3735 23.897L24.575 23.2735C24.4984 23.2189 24.4876 23.1095 24.5422 23.0329ZM25.5922 23.8533C25.6468 23.7876 25.6359 23.7001 25.5703 23.6454L24.7719 23.022C24.7063 22.9783 24.6188 22.9892 24.5641 23.0547C24.5094 23.1204 24.5203 23.2079 24.5859 23.2626L25.3843 23.886C25.4499 23.9298 25.5374 23.9188 25.5921 23.8533H25.5922Z" fill="white"/>
+<path d="M22.9234 22.9345C22.9891 22.8689 23.0876 22.8689 23.1422 22.9345L24.761 24.5422C24.8267 24.6079 24.8157 24.7063 24.761 24.761C24.6955 24.8266 24.5969 24.8266 24.5423 24.761L22.9234 23.1533C22.8688 23.0985 22.8688 22.9891 22.9234 22.9345V22.9345Z" fill="#F3F3F3"/>
+<path d="M22.9234 22.9234C22.9555 22.8918 22.9987 22.8741 23.0437 22.8741C23.0888 22.8741 23.132 22.8918 23.1641 22.9234L24.7829 24.5311C24.8144 24.5632 24.8321 24.6064 24.8321 24.6515C24.8321 24.6965 24.8144 24.7397 24.7829 24.7718C24.7508 24.8034 24.7076 24.8211 24.6626 24.8211C24.6175 24.8211 24.5743 24.8034 24.5423 24.7718L22.9234 23.1641C22.8468 23.0984 22.8468 22.9891 22.9234 22.9234ZM24.761 24.7499C24.8157 24.6953 24.8157 24.5968 24.761 24.5422L23.1422 22.9344C23.0875 22.8797 22.9891 22.8797 22.9344 22.9344C22.8797 22.989 22.8797 23.0875 22.9344 23.1421L24.5532 24.7499C24.6078 24.8156 24.6955 24.8156 24.761 24.7499Z" fill="white"/>
+<path d="M23.0218 24.564C23.0876 24.5094 23.1859 24.5094 23.2407 24.575L23.9079 25.3406C23.9625 25.4063 23.9516 25.5047 23.8859 25.5594C23.8204 25.614 23.7219 25.614 23.6672 25.5484L22.9999 24.7828C22.9453 24.7282 22.9562 24.6297 23.0218 24.564V24.564Z" fill="#F3F3F3"/>
+<path d="M23.011 24.564C23.0876 24.4986 23.186 24.5094 23.2515 24.575L23.9188 25.3406C23.9844 25.4063 23.9734 25.5156 23.8969 25.5813C23.8203 25.6469 23.7219 25.6359 23.6563 25.5703L22.989 24.8047C22.9344 24.7282 22.9344 24.6188 23.0109 24.564H23.011ZM23.886 25.5594C23.9515 25.5047 23.9515 25.4171 23.9078 25.3516L23.2406 24.5859C23.1859 24.5313 23.0984 24.5203 23.0328 24.575C22.9672 24.6297 22.9672 24.7172 23.0109 24.7827L23.6782 25.5484C23.7328 25.614 23.8204 25.614 23.8859 25.5594H23.886Z" fill="white"/>
+<path d="M21.4469 24.1485C21.5235 24.0939 21.6219 24.1158 21.6657 24.1923L22.9344 26.0844C22.9782 26.161 22.9563 26.2594 22.8907 26.3032C22.8142 26.3579 22.7157 26.336 22.6719 26.2594L21.4031 24.3672C21.3593 24.2908 21.3812 24.1922 21.4468 24.1485H21.4469Z" fill="#F3F3F3"/>
+<path d="M21.4469 24.1375C21.5234 24.0829 21.6328 24.1048 21.6875 24.1813L22.9562 26.0735C23.0108 26.1499 22.9889 26.2593 22.9016 26.3139C22.8249 26.3687 22.7156 26.3468 22.6609 26.2702L21.3923 24.3781C21.3376 24.2907 21.3595 24.1923 21.4469 24.1376V24.1375ZM22.8906 26.2921C22.9562 26.2483 22.9781 26.1608 22.9343 26.0952L21.6657 24.2031C21.6219 24.1376 21.5344 24.1266 21.458 24.1704C21.3923 24.2141 21.3704 24.3016 21.4142 24.3673L22.6828 26.2593C22.7266 26.3139 22.825 26.3358 22.8905 26.292L22.8906 26.2921Z" fill="white"/>
+<path d="M21.2172 25.7671C21.2938 25.7234 21.3922 25.7453 21.4359 25.8219L21.9391 26.7078C21.9828 26.7844 21.9499 26.8828 21.8734 26.9265C21.7968 26.9703 21.6984 26.9484 21.6547 26.8719L21.1516 25.9859C21.1188 25.9094 21.1407 25.8109 21.2171 25.7672L21.2172 25.7671Z" fill="#F3F3F3"/>
+<path d="M21.2172 25.7563C21.3047 25.7125 21.4032 25.7344 21.4469 25.811L21.95 26.697C21.9938 26.7736 21.9719 26.883 21.8845 26.9267C21.7969 26.9705 21.6984 26.9486 21.6547 26.8721L21.1516 25.986C21.1078 25.9095 21.1297 25.811 21.2171 25.7563H21.2172ZM21.8734 26.9159C21.9391 26.8721 21.9719 26.7845 21.9282 26.7189L21.4251 25.8329C21.3813 25.7673 21.2938 25.7454 21.2282 25.7781C21.1625 25.8219 21.1297 25.9095 21.1734 25.9751L21.6766 26.8611C21.7094 26.9267 21.8078 26.9596 21.8734 26.9158V26.9159Z" fill="white"/>
+<path d="M19.7626 25.0454C19.8501 25.0126 19.9376 25.0454 19.9705 25.1219L20.8564 27.2328C20.8892 27.3094 20.8455 27.4078 20.7689 27.4405C20.6924 27.4734 20.5939 27.4405 20.5612 27.364L19.6752 25.2532C19.6424 25.1765 19.6861 25.0782 19.7626 25.0454Z" fill="#F3F3F3"/>
+<path d="M19.7624 25.0344C19.8499 25.0017 19.9484 25.0344 19.9922 25.1219L20.8781 27.2329C20.894 27.2749 20.8925 27.3216 20.874 27.3626C20.8556 27.4035 20.8217 27.4356 20.7797 27.4516C20.6922 27.4844 20.5937 27.4516 20.55 27.3641L19.6641 25.2532C19.6313 25.1766 19.6751 25.0782 19.7624 25.0344V25.0344ZM20.7578 27.4298C20.8343 27.3969 20.8672 27.3094 20.8343 27.2438L19.9484 25.1329C19.9156 25.0563 19.8281 25.0235 19.7516 25.0563C19.6751 25.0891 19.6421 25.1766 19.6751 25.2423L20.5609 27.3532C20.6047 27.4298 20.6812 27.4625 20.7578 27.4298Z" fill="white"/>
+<path d="M19.2265 26.5985C19.3141 26.5658 19.4015 26.6095 19.4344 26.697L19.7516 27.6595C19.7844 27.736 19.7297 27.8345 19.6532 27.8564C19.5657 27.8891 19.4782 27.8454 19.4454 27.7579L19.1282 26.7954C19.0954 26.7189 19.1391 26.6314 19.2266 26.5985H19.2265Z" fill="#F3F3F3"/>
+<path d="M19.2158 26.5876C19.2579 26.5717 19.3045 26.5732 19.3455 26.5916C19.3865 26.6101 19.4185 26.644 19.4346 26.686L19.7519 27.6485C19.7846 27.736 19.7299 27.8344 19.6423 27.8673C19.6003 27.8831 19.5536 27.8817 19.5126 27.8632C19.4716 27.8448 19.4396 27.8108 19.4236 27.7688L19.1064 26.8064C19.0845 26.7189 19.1283 26.6204 19.2158 26.5876ZM19.6424 27.8453C19.719 27.8235 19.7627 27.736 19.7409 27.6594L19.4236 26.697C19.4018 26.6204 19.3143 26.5876 19.2377 26.6095C19.1611 26.6314 19.1174 26.7189 19.1393 26.7954L19.4565 27.7579C19.462 27.7764 19.4715 27.7936 19.4841 27.8083C19.4968 27.823 19.5124 27.8348 19.5299 27.8431C19.5475 27.8514 19.5666 27.8558 19.5859 27.8562C19.6053 27.8566 19.6246 27.8529 19.6424 27.8454V27.8453Z" fill="white"/>
+<path d="M17.936 25.6032C18.0234 25.5813 18.111 25.636 18.1219 25.7235L18.5814 27.9658C18.6033 28.0532 18.5375 28.1299 18.45 28.1516C18.3626 28.1735 18.275 28.1189 18.2642 28.0314L17.8046 25.7891C17.7937 25.7125 17.8484 25.625 17.9359 25.6031L17.936 25.6032Z" fill="#F3F3F3"/>
+<path d="M17.9361 25.592C18.0344 25.5702 18.1219 25.6358 18.1438 25.7233L18.6031 27.9657C18.625 28.0531 18.5593 28.1516 18.4718 28.1626C18.3734 28.1845 18.2859 28.1189 18.2641 28.0313L17.8047 25.7889C17.7829 25.7014 17.8376 25.6139 17.936 25.5921L17.9361 25.592ZM18.4499 28.1406C18.5266 28.1298 18.5812 28.0531 18.5703 27.9656L18.1109 25.7233C18.1001 25.6467 18.0126 25.5921 17.936 25.6139C17.8594 25.6248 17.8048 25.7014 17.8157 25.7889L18.2751 28.0313C18.2969 28.1079 18.3734 28.1516 18.4501 28.1408L18.4499 28.1406Z" fill="white"/>
+<path d="M17.1048 27.0249C17.1923 27.014 17.2689 27.0688 17.2908 27.1562L17.4219 28.1624C17.4329 28.2499 17.3673 28.3265 17.2797 28.3374C17.1923 28.3484 17.1158 28.2937 17.0939 28.2062L16.9627 27.1999C16.9517 27.1124 17.0173 27.0359 17.1048 27.0249Z" fill="#F3F3F3"/>
+<path d="M17.1046 27.0141C17.2031 27.0033 17.2907 27.0689 17.3016 27.1564L17.4329 28.1626C17.4438 28.2501 17.3782 28.3376 17.2797 28.3486C17.1812 28.3595 17.0937 28.2939 17.0827 28.2063L16.9514 27.2001C16.9405 27.1126 17.0061 27.0251 17.1046 27.0141ZM17.2687 28.3267C17.3453 28.3158 17.4111 28.2392 17.4001 28.1626L17.2687 27.1564C17.2578 27.0798 17.1812 27.0251 17.1046 27.036C17.028 27.047 16.9623 27.1235 16.9732 27.2001L17.1046 28.2064C17.1156 28.283 17.1922 28.3376 17.2687 28.3267Z" fill="white"/>
+<path d="M15.9782 25.7999C16.0657 25.7999 16.1422 25.8656 16.1422 25.9531V28.239C16.1422 28.3265 16.0657 28.3922 15.9782 28.3922C15.8907 28.3922 15.8141 28.3265 15.8141 28.239V25.9531C15.8251 25.8656 15.8907 25.7999 15.9782 25.7999Z" fill="#F3F3F3"/>
+<path d="M15.9782 25.7889C16.0766 25.7889 16.1531 25.8655 16.1531 25.953V28.2389C16.1531 28.3264 16.0766 28.403 15.9782 28.403C15.8797 28.403 15.8032 28.3264 15.8032 28.2389V25.9531C15.8032 25.8656 15.8907 25.7889 15.9782 25.7889ZM15.9782 28.3812C16.0547 28.3812 16.1312 28.3156 16.1312 28.2389V25.9531C16.1312 25.8764 16.0656 25.8108 15.9782 25.8108C15.9016 25.8108 15.8251 25.8764 15.8251 25.9531V28.2389C15.8359 28.3156 15.9016 28.3812 15.9782 28.3812Z" fill="white"/>
+<path d="M14.8844 27.025C14.9719 27.0359 15.0375 27.1015 15.0375 27.189L14.961 28.2063C14.9501 28.2938 14.8735 28.3594 14.786 28.3485C14.6985 28.3375 14.6329 28.2719 14.6329 28.1844L14.7094 27.1671C14.7204 27.0798 14.7969 27.014 14.8844 27.025Z" fill="#F3F3F3"/>
+<path d="M14.8844 27.0141C14.9828 27.0251 15.0484 27.1016 15.0484 27.1891L14.9719 28.2064C14.9609 28.2939 14.8844 28.3705 14.7859 28.3595C14.6876 28.3486 14.6219 28.272 14.6219 28.1845L14.6984 27.1672C14.7094 27.0689 14.7859 27.0033 14.8844 27.0141ZM14.7859 28.3376C14.8625 28.3376 14.9391 28.283 14.9391 28.2064L15.0157 27.1891C15.0157 27.1126 14.9609 27.047 14.8734 27.036C14.7969 27.036 14.7203 27.0907 14.7203 27.1673L14.6438 28.1845C14.6438 28.2611 14.7094 28.3268 14.786 28.3376H14.7859Z" fill="white"/>
+<path d="M14.064 25.6031C14.1515 25.6249 14.2062 25.7014 14.1952 25.7889L13.7468 28.0314C13.7249 28.1189 13.6484 28.1737 13.5609 28.1516C13.4734 28.1298 13.4187 28.0533 13.4297 27.9657L13.8781 25.7233C13.8891 25.6468 13.9766 25.5921 14.064 25.6031Z" fill="#F3F3F3"/>
+<path d="M14.0642 25.592C14.1626 25.6139 14.2173 25.7015 14.2064 25.7889L13.7579 28.0313C13.736 28.1188 13.6485 28.1844 13.5502 28.1624C13.4517 28.1405 13.397 28.053 13.4079 27.9655L13.8564 25.7233C13.8783 25.6358 13.9658 25.581 14.0641 25.5921L14.0642 25.592ZM13.5502 28.1405C13.6267 28.1515 13.7033 28.1078 13.7252 28.0313L14.1735 25.7889C14.1845 25.7124 14.1408 25.6358 14.0533 25.6139C13.9767 25.6031 13.9002 25.6468 13.8783 25.7234L13.4298 27.9655C13.4189 28.053 13.4735 28.1188 13.5502 28.1405V28.1405Z" fill="white"/>
+<path d="M12.7517 26.5877C12.8393 26.6096 12.8939 26.6971 12.872 26.7846L12.5986 27.7689C12.5768 27.8564 12.4893 27.9001 12.4018 27.8783C12.381 27.8733 12.3613 27.8642 12.344 27.8516C12.3266 27.839 12.312 27.8231 12.3008 27.8048C12.2896 27.7865 12.2821 27.7662 12.2788 27.745C12.2755 27.7238 12.2764 27.7022 12.2814 27.6814L12.5549 26.6971C12.5768 26.6096 12.6643 26.5659 12.7518 26.5877H12.7517Z" fill="#F3F3F3"/>
+<path d="M12.7516 26.5768C12.8392 26.5986 12.9048 26.6971 12.8719 26.7846L12.5985 27.769C12.5767 27.8565 12.4783 27.9112 12.3908 27.8892C12.3033 27.8674 12.2377 27.769 12.2704 27.6815L12.5439 26.6971C12.5658 26.6096 12.6533 26.5548 12.7516 26.5767V26.5768ZM12.3908 27.8565C12.4673 27.8784 12.5548 27.8346 12.5767 27.758L12.85 26.7736C12.8719 26.6971 12.8282 26.6205 12.7407 26.5986C12.6642 26.5767 12.5767 26.6205 12.5548 26.6971L12.2814 27.6815C12.2704 27.758 12.3141 27.8346 12.3908 27.8565Z" fill="white"/>
+<path d="M12.2156 25.0454C12.3031 25.0781 12.3358 25.1766 12.3031 25.2531L11.4281 27.3641C11.3953 27.4407 11.2968 27.4844 11.2204 27.4407C11.1437 27.3969 11.0999 27.3094 11.1327 27.2329L12.0077 25.1219C12.0405 25.0454 12.139 25.0016 12.2155 25.0454H12.2156Z" fill="#F3F3F3"/>
+<path d="M12.2156 25.0344C12.2576 25.0504 12.2915 25.0824 12.31 25.1234C12.3285 25.1644 12.3299 25.2111 12.314 25.2532L11.439 27.364C11.4061 27.4515 11.3077 27.4843 11.2092 27.4515C11.1672 27.4354 11.1333 27.4034 11.1148 27.3625C11.0964 27.3215 11.0949 27.2748 11.1108 27.2328L11.9858 25.1218C12.0296 25.0344 12.128 24.9907 12.2156 25.0344V25.0344ZM11.2202 27.4297C11.2967 27.4624 11.3842 27.4297 11.4171 27.3531L12.2921 25.2422C12.3248 25.1657 12.2811 25.089 12.2046 25.0563C12.128 25.0235 12.0405 25.0563 12.0077 25.1328L11.1327 27.2437C11.1108 27.3093 11.1436 27.3968 11.2202 27.4297Z" fill="white"/>
+<path d="M10.7391 25.7454C10.8157 25.7891 10.8484 25.8766 10.8157 25.9532L10.3563 26.8608C10.3125 26.9374 10.225 26.9702 10.1375 26.9264C10.0609 26.8827 10.0282 26.7953 10.0609 26.7187L10.5204 25.8111C10.5641 25.7345 10.6516 25.7016 10.7391 25.7454Z" fill="#F3F3F3"/>
+<path d="M10.7392 25.7345C10.8267 25.7782 10.8595 25.8767 10.8158 25.9641L10.3564 26.8719C10.3126 26.9594 10.2141 26.9922 10.1268 26.9484C10.0393 26.9047 10.0064 26.8062 10.0502 26.7188L10.5095 25.8111C10.5533 25.7235 10.6517 25.6908 10.7392 25.7345ZM10.1377 26.9266C10.2143 26.9594 10.3018 26.9375 10.3345 26.8609L10.7939 25.9533C10.8266 25.8876 10.7939 25.8001 10.7283 25.7564C10.6517 25.7236 10.5642 25.7454 10.5314 25.822L10.072 26.7296C10.0393 26.7953 10.072 26.8828 10.1377 26.9265V26.9266Z" fill="white"/>
+<path d="M10.5203 24.1267C10.5968 24.1813 10.6187 24.2798 10.5641 24.3454L9.29528 26.2378C9.25158 26.3142 9.15302 26.3252 9.07659 26.2815C9.00004 26.2267 8.97813 26.1284 9.03278 26.0626L10.3016 24.1702C10.3453 24.0938 10.4437 24.0719 10.5203 24.1265V24.1267Z" fill="#F3F3F3"/>
+<path d="M10.5203 24.1157C10.5969 24.1704 10.6188 24.2798 10.575 24.3564L9.30626 26.2487C9.25162 26.3251 9.15316 26.347 9.06566 26.2924C8.98911 26.2376 8.9672 26.1283 9.0109 26.0516L10.2797 24.1595C10.3344 24.0829 10.4438 24.061 10.5203 24.1157V24.1157ZM9.07661 26.2705C9.1421 26.3141 9.24066 26.3032 9.28436 26.2377L10.5532 24.3454C10.5969 24.2798 10.5751 24.1923 10.5094 24.1485C10.4438 24.1048 10.3453 24.1158 10.3016 24.1813L9.0328 26.0626C8.98911 26.1283 9.0109 26.2266 9.07661 26.2703V26.2705Z" fill="white"/>
+<path d="M8.92344 24.5314C8.98915 24.586 9.01094 24.6845 8.95629 24.7501L8.3219 25.5485C8.26726 25.6141 8.16881 25.625 8.10321 25.5704C8.03762 25.5157 8.01571 25.4173 8.07047 25.3516L8.70475 24.5532C8.75939 24.4877 8.85784 24.4766 8.92344 24.5314Z" fill="#F3F3F3"/>
+<path d="M8.9344 24.5204C9.01095 24.575 9.0219 24.6845 8.96714 24.761L8.33284 25.5595C8.2782 25.636 8.16879 25.647 8.09224 25.5814C8.01569 25.5266 8.00474 25.4173 8.0595 25.3407L8.6938 24.5423C8.74845 24.4656 8.85785 24.4548 8.9344 24.5204ZM8.11415 25.5595C8.17963 25.6141 8.26725 25.6033 8.32189 25.5376L8.95631 24.7391C9.00011 24.6736 8.98905 24.586 8.92356 24.5313C8.85785 24.4766 8.77035 24.4875 8.7157 24.5533L8.08129 25.3516C8.0376 25.4173 8.04855 25.5157 8.11403 25.5595H8.11415Z" fill="white"/>
+<path d="M9.03277 22.8907C9.09836 22.9562 9.09836 23.0548 9.03277 23.1094L7.41413 24.7171C7.34842 24.7829 7.25009 24.7719 7.19533 24.7171C7.14069 24.6625 7.12973 24.5531 7.19533 24.4985L8.80302 22.8907C8.86873 22.825 8.96717 22.825 9.03277 22.8907V22.8907Z" fill="#F3F3F3"/>
+<path d="M9.04376 22.8798C9.07527 22.9119 9.09293 22.9551 9.09293 23C9.09293 23.045 9.07527 23.0882 9.04376 23.1203L7.42501 24.7283C7.39292 24.7598 7.34974 24.7775 7.30477 24.7775C7.2598 24.7775 7.21662 24.7598 7.18453 24.7283C7.15295 24.6962 7.13525 24.653 7.13525 24.6079C7.13525 24.5629 7.15295 24.5197 7.18453 24.4876L8.80317 22.8798C8.83527 22.8482 8.87847 22.8306 8.92347 22.8306C8.96847 22.8306 9.01167 22.8482 9.04376 22.8798V22.8798ZM7.19537 24.7172C7.25001 24.7719 7.34846 24.7719 7.4031 24.7172L9.02186 23.1093C9.07662 23.0547 9.07662 22.9562 9.02186 22.9016C8.96722 22.8468 8.86877 22.8468 8.81412 22.9016L7.19537 24.5094C7.14073 24.564 7.14073 24.6516 7.19537 24.7171V24.7172Z" fill="white"/>
+<path d="M7.39221 22.9782C7.44685 23.0437 7.44685 23.1423 7.38125 23.1969L6.60471 23.8533C6.53911 23.908 6.44066 23.897 6.3859 23.8314C6.33125 23.7657 6.33125 23.6673 6.39685 23.6126L7.1734 22.9563C7.23911 22.9016 7.33745 22.9125 7.39221 22.9782Z" fill="#F3F3F3"/>
+<path d="M7.40307 22.9672C7.46867 23.0438 7.45772 23.1531 7.39212 23.2079L6.61557 23.864C6.54997 23.9297 6.44057 23.9188 6.37497 23.8422C6.30926 23.7656 6.32021 23.6563 6.38581 23.6015L7.16247 22.9454C7.22796 22.8798 7.33748 22.8908 7.40296 22.9673L7.40307 22.9672ZM6.39676 23.8313C6.45152 23.8969 6.53902 23.8969 6.6045 23.8532L7.38117 23.1969C7.43581 23.1423 7.44677 23.0547 7.39212 22.9892C7.33736 22.9235 7.24986 22.9235 7.18438 22.9673L6.40771 23.6235C6.34211 23.6781 6.34211 23.7657 6.39676 23.8312V23.8313Z" fill="white"/>
+<path d="M7.82986 21.4031C7.8845 21.4798 7.8626 21.5781 7.78605 21.6219L5.88297 22.8906C5.80642 22.9343 5.70797 22.9124 5.66427 22.8468C5.60952 22.7703 5.63142 22.6719 5.70797 22.628L7.61116 21.3594C7.67687 21.3157 7.77521 21.3375 7.82997 21.4031H7.82986Z" fill="#F3F3F3"/>
+<path d="M7.84065 21.4031C7.89529 21.4798 7.87339 21.5891 7.79684 21.6439L5.89379 22.9125C5.81724 22.9673 5.70784 22.9453 5.6532 22.8579C5.59844 22.7813 5.62045 22.6719 5.69689 22.6173L7.60006 21.3485C7.6766 21.2939 7.78589 21.3158 7.84054 21.4031H7.84065ZM5.6751 22.836C5.71879 22.9016 5.80629 22.9235 5.87188 22.8798L7.77494 21.611C7.84065 21.5673 7.86244 21.4798 7.8078 21.4033C7.7641 21.3376 7.6766 21.3158 7.6109 21.3595L5.70784 22.6282C5.64224 22.6829 5.63129 22.7704 5.6751 22.836V22.836Z" fill="white"/>
+<path d="M6.20007 21.1735C6.24388 21.25 6.22197 21.3485 6.14542 21.3923L5.25946 21.8953C5.18291 21.939 5.08446 21.9063 5.04076 21.8297C4.99696 21.7532 5.01886 21.6547 5.09541 21.6109L5.98137 21.1079C6.05792 21.0641 6.15638 21.0969 6.20018 21.1735H6.20007Z" fill="#F3F3F3"/>
+<path d="M6.2111 21.1625C6.2548 21.25 6.23289 21.3484 6.15635 21.3922L5.27041 21.8953C5.19386 21.939 5.08446 21.9062 5.04076 21.8297C4.99696 21.7422 5.01886 21.6437 5.09541 21.5999L5.98135 21.0969C6.0579 21.0531 6.1673 21.0859 6.21099 21.1625H6.2111ZM5.0516 21.8187C5.09541 21.8953 5.18291 21.9172 5.2485 21.8734L6.13444 21.3703C6.20004 21.3265 6.22194 21.239 6.1892 21.1734C6.14539 21.0969 6.0579 21.075 5.9923 21.1188L5.10636 21.6218C5.04076 21.6546 5.01886 21.7422 5.05172 21.8187H5.0516Z" fill="white"/>
+<path d="M6.93273 19.7188C6.96547 19.8063 6.93273 19.8939 6.84523 19.9266L4.73428 20.8016C4.65773 20.8345 4.55928 20.7908 4.52654 20.7141C4.49368 20.6266 4.52654 20.5391 4.61404 20.5064L6.72499 19.6313C6.80154 19.5986 6.89999 19.6313 6.93273 19.7188V19.7188Z" fill="#F3F3F3"/>
+<path d="M6.94368 19.7079C6.97642 19.7954 6.94368 19.8938 6.85618 19.9375L4.74523 20.8125C4.70317 20.8284 4.65654 20.8269 4.61555 20.8085C4.57456 20.79 4.54255 20.7561 4.52654 20.7141C4.49368 20.6266 4.52654 20.5281 4.61404 20.4844L6.72499 19.6094C6.76705 19.5936 6.81368 19.595 6.85467 19.6135C6.89566 19.6319 6.92766 19.6659 6.94368 19.7079V19.7079ZM4.54833 20.7031C4.58118 20.7798 4.66868 20.8126 4.73428 20.7906L6.84523 19.9156C6.92178 19.8829 6.95463 19.7954 6.92178 19.7188C6.88904 19.6423 6.80154 19.6094 6.73583 19.6313L4.62488 20.5063C4.54833 20.5391 4.51559 20.6266 4.54833 20.7032V20.7031Z" fill="white"/>
+<path d="M5.39067 19.1719C5.42342 19.2594 5.37972 19.3469 5.29222 19.3797L4.32972 19.6969C4.25317 19.7297 4.15472 19.675 4.13281 19.5985C4.10007 19.511 4.14376 19.4235 4.23126 19.3907L5.19377 19.0735C5.27032 19.0407 5.35782 19.0844 5.39067 19.1719Z" fill="#F3F3F3"/>
+<path d="M5.40136 19.161C5.43421 19.2485 5.39052 19.347 5.29207 19.3798L4.32958 19.697C4.24208 19.7297 4.14363 19.6751 4.11078 19.5876C4.07804 19.5001 4.12173 19.4016 4.22029 19.3689L5.18267 19.0516C5.27017 19.0298 5.36862 19.0735 5.40147 19.1611L5.40136 19.161ZM4.13279 19.5767C4.1547 19.6533 4.2422 19.6971 4.31874 19.6752L5.28123 19.3579C5.35778 19.3361 5.39063 19.2486 5.36873 19.172C5.34683 19.0955 5.25933 19.0517 5.18278 19.0736L4.22029 19.3909C4.14374 19.4236 4.11089 19.5002 4.13279 19.5767Z" fill="white"/>
+<path d="M6.37517 17.8703C6.39696 17.9578 6.34232 18.0453 6.25482 18.0563L4.01257 18.4938C3.92507 18.5157 3.84853 18.45 3.82674 18.3625C3.80483 18.275 3.85948 18.1875 3.94698 18.1765L6.18922 17.739C6.27672 17.7282 6.36422 17.7828 6.37506 17.8703H6.37517Z" fill="#F3F3F3"/>
+<path d="M6.39688 17.8704C6.41878 17.9688 6.35319 18.0563 6.26569 18.0781L4.02343 18.5156C3.93593 18.5375 3.84843 18.4719 3.82664 18.3735C3.80474 18.275 3.87033 18.1875 3.95783 18.1657L6.20009 17.7282C6.28748 17.7063 6.37509 17.7719 6.39688 17.8704ZM3.84843 18.3626C3.85938 18.4391 3.93593 18.4938 4.01248 18.4829L6.25474 18.0454C6.33128 18.0344 6.38593 17.9469 6.36414 17.8704C6.35319 17.7938 6.27664 17.7391 6.19998 17.75L3.95783 18.1875C3.88128 18.2094 3.82664 18.286 3.84843 18.3625V18.3626Z" fill="white"/>
+<path d="M4.97515 17.0283C4.98598 17.1157 4.93134 17.1923 4.84384 17.2033L3.83765 17.3236C3.75003 17.3345 3.67348 17.2689 3.66265 17.1813C3.65169 17.0939 3.70634 17.0173 3.79384 17.0062L4.80015 16.886C4.87669 16.875 4.96419 16.9406 4.97515 17.0283Z" fill="#F3F3F3"/>
+<path d="M4.98611 17.0282C4.99695 17.1265 4.93135 17.214 4.84385 17.2249L3.83766 17.3453C3.75005 17.3562 3.66266 17.2906 3.65171 17.1922C3.64076 17.0937 3.70635 17.0063 3.79385 16.9953L4.80016 16.875C4.88755 16.864 4.97516 16.9297 4.986 17.028L4.98611 17.0282ZM3.66255 17.1812C3.6735 17.2578 3.75016 17.3235 3.82671 17.3124L4.8329 17.1922C4.90945 17.1812 4.96421 17.1047 4.95326 17.0282C4.94231 16.9515 4.86576 16.8859 4.78921 16.8969L3.7829 17.0172C3.70635 17.0282 3.65171 17.1047 3.66255 17.1812V17.1812Z" fill="white"/>
+<path d="M6.19993 15.9671C6.19993 16.0547 6.13444 16.1313 6.04683 16.1313H3.76101C3.67351 16.1313 3.60791 16.0547 3.60791 15.9672C3.60791 15.8798 3.67351 15.8031 3.76101 15.8031H6.04694C6.13444 15.8031 6.20015 15.8798 6.20015 15.9672L6.19993 15.9671Z" fill="#F3F3F3"/>
+<path d="M6.21109 15.9671C6.21109 16.0657 6.13443 16.1421 6.04693 16.1421H3.76109C3.67359 16.1421 3.59705 16.0656 3.59705 15.9671C3.59705 15.8688 3.67359 15.7921 3.76109 15.7921H6.04705C6.13455 15.7921 6.21109 15.8688 6.21109 15.9671ZM3.61884 15.9563C3.61884 16.0328 3.68443 16.1094 3.76109 16.1094H6.04693C6.12348 16.1094 6.18919 16.0438 6.18919 15.9563C6.18919 15.8797 6.12348 15.8031 6.04693 15.8031H3.76109C3.68455 15.814 3.61895 15.8797 3.61895 15.9563H3.61884Z" fill="white"/>
+<path d="M4.98619 14.8625C4.97513 14.95 4.90953 15.0156 4.82203 15.0156L3.80476 14.9391C3.71737 14.9281 3.65177 14.8516 3.66261 14.7641C3.67356 14.6766 3.73927 14.611 3.82677 14.611L4.84393 14.6875C4.92048 14.6985 4.98619 14.775 4.98619 14.8625Z" fill="#E2E2E2"/>
+<path d="M4.99679 14.8625C4.98584 14.9609 4.9093 15.0265 4.8218 15.0265L3.80454 14.95C3.71716 14.939 3.64061 14.8625 3.65156 14.764C3.6624 14.6657 3.73906 14.6 3.82656 14.6L4.8437 14.6765C4.9312 14.6875 4.99679 14.775 4.99679 14.8625ZM3.6624 14.764C3.65156 14.8406 3.71716 14.9172 3.7937 14.9172L4.81096 14.9938C4.88739 14.9938 4.9531 14.939 4.96405 14.8515C4.975 14.775 4.9093 14.6984 4.83275 14.6984L3.81549 14.6219C3.73906 14.6219 3.67335 14.6875 3.6624 14.7641V14.764Z" fill="white"/>
+<path d="M6.39679 14.064C6.37488 14.1515 6.29834 14.2062 6.21084 14.1953L3.96869 13.7359C3.88119 13.714 3.82643 13.6375 3.84834 13.55C3.87024 13.4625 3.94679 13.4077 4.03429 13.4188L6.27655 13.8672C6.35309 13.889 6.40774 13.9765 6.39679 14.064V14.064Z" fill="#F3F3F3"/>
+<path d="M6.40785 14.0641C6.38595 14.1625 6.29845 14.2173 6.21095 14.2063L3.96882 13.7579C3.88132 13.736 3.81572 13.6485 3.83762 13.5501C3.85941 13.4516 3.94691 13.3969 4.03441 13.4079L6.27666 13.8563C6.36416 13.8782 6.4188 13.9657 6.40785 14.0641V14.0641ZM3.85941 13.55C3.84846 13.6266 3.89216 13.7031 3.96882 13.725L6.21106 14.1735C6.28761 14.1844 6.36416 14.1407 6.38606 14.0531C6.3969 13.9766 6.35321 13.9 6.27655 13.8781L4.03453 13.4298C3.94703 13.4188 3.88143 13.4735 3.85953 13.55H3.85941Z" fill="white"/>
+<path d="M5.41272 12.7516C5.4077 12.7725 5.39862 12.7921 5.38601 12.8094C5.37339 12.8268 5.35748 12.8414 5.3392 12.8526C5.32091 12.8637 5.3006 12.8712 5.27943 12.8745C5.25826 12.8778 5.23664 12.8769 5.21582 12.8719L4.2314 12.5984C4.1439 12.5765 4.10021 12.4891 4.122 12.4016C4.12702 12.3807 4.1361 12.3611 4.14871 12.3438C4.16133 12.3265 4.17724 12.3118 4.19552 12.3006C4.21381 12.2895 4.23412 12.282 4.25529 12.2787C4.27646 12.2754 4.29808 12.2763 4.3189 12.2813L5.30332 12.5548C5.39082 12.5765 5.43451 12.664 5.41272 12.7515V12.7516Z" fill="#F3F3F3"/>
+<path d="M5.42337 12.7516C5.40158 12.839 5.30313 12.9047 5.21563 12.8718L4.23121 12.5984C4.1437 12.5765 4.08894 12.4781 4.11085 12.3907C4.13275 12.3031 4.23121 12.2375 4.31871 12.2703L5.30313 12.5438C5.39063 12.5657 5.44539 12.6532 5.42337 12.7515V12.7516ZM4.1437 12.3905C4.1218 12.4671 4.16561 12.5546 4.24216 12.5764L5.22658 12.8498C5.30313 12.8717 5.37968 12.8279 5.40158 12.7404C5.42337 12.6639 5.37968 12.5764 5.30313 12.5546L4.31871 12.2812C4.24216 12.2702 4.16561 12.3139 4.1437 12.3906V12.3905Z" fill="white"/>
+<path d="M6.95465 12.2267C6.92191 12.3141 6.82335 12.3469 6.74691 12.3141L4.63585 11.4391C4.5593 11.4063 4.5156 11.3079 4.54835 11.2313C4.5812 11.1438 4.67965 11.111 4.7562 11.1438L6.86715 12.0188C6.95465 12.0516 6.98751 12.15 6.95465 12.2266V12.2267Z" fill="#F3F3F3"/>
+<path d="M6.96561 12.2375C6.9496 12.2796 6.91757 12.3135 6.87656 12.332C6.83554 12.3504 6.78888 12.3519 6.74681 12.336L4.63584 11.461C4.54834 11.4283 4.5156 11.3298 4.54834 11.2314C4.56436 11.1893 4.59638 11.1554 4.6374 11.1369C4.67841 11.1185 4.72507 11.117 4.76715 11.1329L6.87811 12.0079C6.96561 12.0516 6.99836 12.1501 6.96561 12.2375V12.2375ZM4.57024 11.2423C4.5375 11.3189 4.57024 11.4064 4.64679 11.4391L6.75776 12.3141C6.83431 12.3469 6.91086 12.3031 6.94371 12.2266C6.97645 12.15 6.94371 12.0625 6.86716 12.0298L4.7562 11.1548C4.67965 11.1329 4.59215 11.1658 4.57024 11.2423V11.2423Z" fill="white"/>
+<path d="M6.24385 10.75C6.20015 10.8266 6.11265 10.8594 6.03611 10.8266L5.12825 10.3673C5.0517 10.3344 5.01885 10.236 5.06265 10.1484C5.10635 10.0719 5.19385 10.039 5.2704 10.0719L6.17814 10.5313C6.2548 10.575 6.28765 10.6736 6.24385 10.75Z" fill="#F3F3F3"/>
+<path d="M6.25485 10.761C6.21104 10.8485 6.11259 10.8814 6.02509 10.8375L5.11735 10.3781C5.02985 10.3344 4.997 10.236 5.04081 10.1485C5.0845 10.061 5.18306 10.0281 5.27045 10.0719L6.17819 10.5313C6.2658 10.5641 6.29854 10.6736 6.25485 10.761V10.761ZM5.07355 10.1594C5.04081 10.236 5.06271 10.3235 5.13926 10.3563L6.04699 10.8158C6.1127 10.8485 6.2002 10.8158 6.2439 10.75C6.27664 10.6735 6.25485 10.586 6.1783 10.5531L5.25939 10.094C5.19379 10.0612 5.10629 10.083 5.07344 10.1595L5.07355 10.1594Z" fill="white"/>
+<path d="M7.85144 10.5422C7.7968 10.6188 7.70929 10.6407 7.63274 10.586L5.74045 9.32823C5.66401 9.28442 5.65306 9.18597 5.69675 9.10942C5.74056 9.03287 5.83901 9.01097 5.91556 9.06562L7.8187 10.3344C7.8843 10.3782 7.9062 10.4767 7.85144 10.5422Z" fill="#F3F3F3"/>
+<path d="M7.86239 10.5531C7.80774 10.6298 7.69834 10.6516 7.62191 10.6079L5.72966 9.33905C5.65311 9.28441 5.63121 9.18596 5.68586 9.09857C5.74061 9.02191 5.85002 9 5.92656 9.04381L7.8187 10.3125C7.90619 10.3673 7.91715 10.4766 7.86239 10.5531ZM5.70776 9.10941C5.66407 9.175 5.67502 9.27346 5.7405 9.31715L7.6437 10.5861C7.70929 10.6299 7.79679 10.608 7.8406 10.5424C7.88429 10.4767 7.87334 10.3782 7.80786 10.3345L5.90455 9.06571C5.83895 9.02191 5.75145 9.04381 5.70765 9.10941H5.70776Z" fill="white"/>
+<path d="M7.4469 8.9563C7.39226 9.02189 7.29381 9.04379 7.22821 8.98904L6.42975 8.36571C6.36415 8.31096 6.3532 8.21251 6.40784 8.14691C6.46249 8.08132 6.56094 8.05941 6.62665 8.11417L7.425 8.73749C7.49071 8.79225 7.50166 8.89059 7.4469 8.9563V8.9563Z" fill="#F3F3F3"/>
+<path d="M7.45781 8.96712C7.40316 9.04378 7.29376 9.05473 7.21721 8.99998L6.41878 8.37665C6.34223 8.322 6.33128 8.2126 6.38604 8.13617C6.44068 8.05951 6.55008 8.04856 6.62652 8.10332L7.42495 8.72664C7.50161 8.7814 7.51256 8.89069 7.45781 8.96735V8.96712ZM6.40783 8.14689C6.35318 8.21249 6.36414 8.29999 6.42973 8.35463L7.22817 8.97819C7.29376 9.02188 7.38126 9.01093 7.4359 8.94533C7.49066 8.87974 7.47971 8.79224 7.41411 8.73759L6.61568 8.11404C6.55008 8.07035 6.46247 8.0813 6.40794 8.14689H6.40783Z" fill="white"/>
+<path d="M9.07648 9.06562C9.01099 9.13133 8.91243 9.13133 8.85778 9.06562L7.22821 7.45786C7.16261 7.39227 7.17345 7.29381 7.22821 7.23905C7.29381 7.17357 7.39226 7.17357 7.44691 7.23905L9.06575 8.84692C9.13135 8.90157 9.13135 9.01097 9.07671 9.06573L9.07648 9.06562Z" fill="#F3F3F3"/>
+<path d="M9.07664 9.0766C9.04455 9.10811 9.00137 9.12576 8.95639 9.12576C8.91142 9.12576 8.86824 9.10811 8.83615 9.0766L7.21725 7.46864C7.18567 7.43654 7.16797 7.39332 7.16797 7.34829C7.16797 7.30326 7.18567 7.26003 7.21725 7.22793C7.24934 7.19639 7.29254 7.17871 7.33754 7.17871C7.38255 7.17871 7.42575 7.19639 7.45784 7.22793L9.07664 8.83578C9.15318 8.90137 9.15318 9.01077 9.07664 9.07637V9.0766ZM7.23938 7.24984C7.18462 7.30459 7.18462 7.40304 7.23938 7.45758L8.85806 9.06542C8.91281 9.12018 9.01115 9.12018 9.0658 9.06542C9.12055 9.01077 9.12055 8.91232 9.0658 8.85768L7.44712 7.239C7.39247 7.18435 7.30486 7.18435 7.23938 7.24995V7.24984Z" fill="white"/>
+<path d="M8.97816 7.43593C8.91256 7.49068 8.81411 7.49068 8.75936 7.42497L8.09211 6.65938C8.03758 6.59378 8.04842 6.49533 8.11413 6.44068C8.17961 6.38593 8.27817 6.38593 8.33282 6.45152L9.00006 7.21723C9.05471 7.27188 9.04376 7.37033 8.97816 7.43593Z" fill="#F3F3F3"/>
+<path d="M8.98906 7.43593C8.91252 7.50153 8.81406 7.49069 8.74835 7.42498L8.08121 6.65938C8.01561 6.59378 8.02656 6.48438 8.10311 6.41878C8.17966 6.35307 8.27811 6.36402 8.34371 6.42973L9.01097 7.19522C9.06561 7.27188 9.06561 7.38129 8.98906 7.43593V7.43593ZM8.11406 6.44068C8.04835 6.49533 8.04835 6.58283 8.09216 6.64843L8.75942 7.41403C8.81406 7.46879 8.90156 7.47974 8.96716 7.42498C9.03276 7.37034 9.03276 7.28272 8.98906 7.21724L8.32181 6.45152C8.26716 6.38604 8.17955 6.38604 8.11406 6.44068V6.44068Z" fill="white"/>
+<path d="M10.5532 7.85171C10.4766 7.90635 10.3782 7.88445 10.3343 7.8079L9.05472 5.91566C9.01091 5.83911 9.03281 5.74066 9.09841 5.69696C9.17496 5.64232 9.27341 5.66422 9.31721 5.74077L10.5859 7.6329C10.6407 7.70945 10.6187 7.8079 10.5532 7.85159V7.85171Z" fill="#F3F3F3"/>
+<path d="M10.5532 7.86251C10.4767 7.91727 10.3673 7.89526 10.3125 7.81882L9.04388 5.92655C8.98924 5.85 9.01114 5.74071 9.09852 5.68606C9.17507 5.63131 9.28446 5.65321 9.33922 5.72976L10.6079 7.62192C10.6625 7.70942 10.6406 7.80787 10.5532 7.86251ZM9.10936 5.70785C9.04377 5.75155 9.02186 5.83905 9.06567 5.90476L10.3343 7.79692C10.3781 7.86251 10.4656 7.87347 10.542 7.82966C10.6077 7.78597 10.6296 7.69846 10.5858 7.63287L9.31732 5.75155C9.27351 5.68606 9.17507 5.66405 9.10958 5.70785H9.10936Z" fill="white"/>
+<path d="M10.7828 6.23295C10.7063 6.27664 10.6078 6.25485 10.5641 6.1783L10.061 5.29235C10.0173 5.2158 10.05 5.11735 10.1267 5.07355C10.2032 5.02985 10.3016 5.05164 10.3453 5.1283L10.8484 6.01414C10.8813 6.09069 10.8594 6.18914 10.7829 6.23295H10.7828Z" fill="#F3F3F3"/>
+<path d="M10.7828 6.24391C10.6953 6.2876 10.5968 6.26581 10.5531 6.18915L10.0499 5.30331C10.0062 5.22664 10.0281 5.11735 10.1156 5.07355C10.2031 5.02985 10.3016 5.05164 10.3453 5.1283L10.8483 6.01415C10.8922 6.0907 10.8703 6.18915 10.7829 6.24391H10.7828ZM10.1266 5.0845C10.0609 5.12819 10.0281 5.21569 10.0718 5.2814L10.575 6.16736C10.6187 6.23284 10.7062 6.25486 10.7718 6.22201C10.8375 6.17831 10.8703 6.0907 10.8266 6.0251L10.3234 5.13914C10.2906 5.07366 10.1922 5.04069 10.1266 5.0845V5.0845Z" fill="white"/>
+<path d="M12.2373 6.95474C12.1499 6.98748 12.0623 6.95474 12.0296 6.87819L11.1437 4.76713C11.1109 4.69058 11.1546 4.59213 11.2312 4.55927C11.3187 4.52653 11.4062 4.55927 11.4389 4.63582L12.3248 6.74677C12.3577 6.82332 12.314 6.92177 12.2373 6.95451V6.95474Z" fill="#F3F3F3"/>
+<path d="M12.2377 6.9657C12.1503 6.99845 12.0518 6.9657 12.008 6.87809L11.122 4.76727C11.1062 4.72519 11.1076 4.67853 11.126 4.63752C11.1445 4.5965 11.1785 4.56448 11.2205 4.54846C11.308 4.51572 11.4064 4.54846 11.4503 4.63596L12.3361 6.7469C12.369 6.82345 12.3253 6.9219 12.2378 6.9657H12.2377ZM11.2424 4.57036C11.1658 4.60311 11.133 4.69072 11.1658 4.75632L12.0517 6.86714C12.0844 6.94369 12.1719 6.97643 12.2485 6.94369C12.325 6.91095 12.358 6.82333 12.325 6.75774L11.4392 4.6468C11.3954 4.57025 11.3188 4.5374 11.2423 4.57025L11.2424 4.57036Z" fill="white"/>
+<path d="M12.7733 5.40174C12.6858 5.43448 12.5983 5.39068 12.5656 5.30329L12.2483 4.34069C12.2156 4.26414 12.2702 4.16569 12.3468 4.1439C12.4233 4.122 12.5218 4.15485 12.5545 4.24235L12.8717 5.20484C12.9045 5.28139 12.8608 5.36889 12.7733 5.40163V5.40174Z" fill="#F3F3F3"/>
+<path d="M12.7844 5.41251C12.7423 5.42837 12.6957 5.42691 12.6547 5.40845C12.6137 5.39 12.5817 5.35606 12.5657 5.31406L12.2484 4.35156C12.2157 4.26406 12.2703 4.16572 12.3579 4.13287C12.4 4.11701 12.4466 4.11847 12.4876 4.13693C12.5286 4.15538 12.5606 4.18932 12.5766 4.23132L12.8938 5.19382C12.9157 5.28132 12.8719 5.37977 12.7844 5.41251V5.41251ZM12.3578 4.15477C12.2813 4.17656 12.2375 4.26406 12.2594 4.34061L12.5766 5.30322C12.5984 5.37977 12.6859 5.41251 12.7626 5.39061C12.8392 5.36882 12.8829 5.28132 12.861 5.20477L12.5438 4.24216C12.5382 4.22359 12.5288 4.20641 12.5161 4.19172C12.5035 4.17704 12.4879 4.16518 12.4703 4.15693C12.4528 4.14867 12.4337 4.1442 12.4143 4.14381C12.3949 4.14342 12.3757 4.14712 12.3578 4.15466V4.15477Z" fill="white"/>
+<path d="M14.064 6.3969C13.9765 6.4188 13.889 6.36416 13.8781 6.27655L13.4187 4.03441C13.3968 3.94692 13.4625 3.87037 13.5499 3.84846C13.6375 3.82656 13.7249 3.88121 13.7358 3.96882L14.1953 6.21106C14.2061 6.2875 14.1515 6.375 14.064 6.3969V6.3969Z" fill="#F3F3F3"/>
+<path d="M14.064 6.40785C13.9656 6.42976 13.8781 6.36405 13.8562 6.27655L13.3968 4.0344C13.3749 3.9469 13.4406 3.84845 13.5281 3.8375C13.6265 3.81559 13.714 3.8813 13.7358 3.9688L14.1953 6.21106C14.2171 6.29845 14.1625 6.38606 14.064 6.40785V6.40785ZM13.55 3.8594C13.4733 3.87035 13.4187 3.9469 13.4296 4.0344L13.889 6.27666C13.9 6.35309 13.9874 6.40785 14.064 6.38595C14.1406 6.375 14.1952 6.29845 14.1843 6.21095L13.7249 3.96869C13.7031 3.89226 13.6265 3.84845 13.5499 3.8594H13.55Z" fill="white"/>
+<path d="M14.8954 4.97504C14.8079 4.98599 14.7313 4.93134 14.7094 4.84384L14.5782 3.83752C14.5673 3.75002 14.6329 3.67347 14.7205 3.66252C14.8079 3.65157 14.8844 3.70633 14.9063 3.79383L15.0375 4.80003C15.0484 4.88754 14.9828 4.96409 14.8954 4.97504V4.97504Z" fill="#F3F3F3"/>
+<path d="M14.8954 4.98597C14.7969 4.99693 14.7094 4.93133 14.6985 4.84372L14.5673 3.83752C14.5563 3.75002 14.6219 3.66252 14.7204 3.65156C14.8188 3.64072 14.9063 3.70632 14.9173 3.79382L15.0485 4.80002C15.0594 4.88752 14.9938 4.97502 14.8954 4.98597V4.98597ZM14.7313 3.67347C14.6548 3.68442 14.5891 3.76097 14.6 3.83752L14.7313 4.84383C14.7423 4.92038 14.8188 4.97502 14.8954 4.96407C14.9719 4.95323 15.0376 4.87657 15.0267 4.80002L14.8954 3.79382C14.8844 3.71727 14.8079 3.66252 14.7313 3.67347V3.67347Z" fill="white"/>
+<path d="M16.0766 28.9391C23.2287 28.9391 29.0266 23.1411 29.0266 15.9891C29.0266 8.83697 23.2287 3.03906 16.0766 3.03906C8.92456 3.03906 3.12665 8.83697 3.12665 15.9891C3.12665 23.1411 8.92456 28.9391 16.0766 28.9391Z" fill="url(#paint2_linear_449_13003)" fillOpacity="0.2"/>
+<path d="M25.0453 7.77502L14.6 14.4688H14.589V14.4797L14.5781 14.4906L8.05951 25.2423L17.6407 17.5313L17.6517 17.5205V17.5095L25.0455 7.77514L25.0453 7.77502Z" fill="black" fillOpacity="0.05"/>
+<path d="M24.8484 7.15149L14.5234 14.4905L17.5859 17.5311L24.8484 7.15149" fill="#CD151E"/>
+<path d="M14.5344 14.4687L16.0767 15.989L24.8484 7.15149L14.5344 14.4687V14.4687Z" fill="#FA5153"/>
+<path d="M14.5344 14.4687L17.5969 17.5092L7.27191 24.8484L14.5344 14.4686V14.4687Z" fill="#ACACAC"/>
+<path d="M7.27191 24.8484L16.0766 15.989L14.5343 14.4686L7.27191 24.8484Z" fill="#EEEEEE"/>
+<defs>
+<linearGradient id="paint0_linear_449_13003" x1="16" y1="30" x2="16" y2="2" gradientUnits="userSpaceOnUse">
+<stop offset="0.25" stopColor="#DBDBDA"/>
+<stop offset="1" stopColor="white"/>
+</linearGradient>
+<radialGradient id="paint1_radial_449_13003" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.8195 13.1553) scale(15.8073 15.8073)">
+<stop stopColor="#2ABCE1"/>
+<stop offset="0.11363" stopColor="#2ABBE1"/>
+<stop offset="1" stopColor="#3375F8"/>
+</radialGradient>
+<linearGradient id="paint2_linear_449_13003" x1="15.8306" y1="12.2861" x2="9.78632" y2="23.1302" gradientUnits="userSpaceOnUse">
+<stop stopOpacity="0"/>
+<stop offset="1"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_unknown.tsx b/frontend/app/components/ui/Icons/color_browser_unknown.tsx
index 9c8dfd407..ef9918adf 100644
--- a/frontend/app/components/ui/Icons/color_browser_unknown.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_unknown.tsx
@@ -9,35 +9,13 @@ interface Props {
 }
 
 function Color_browser_unknown(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="1.33 1.33 29.33 29.33"
-    >
-      <path
-        d="M16 29.3333C23.3638 29.3333 29.3334 23.3638 29.3334 16C29.3334 8.63616 23.3638 2.66663 16 2.66663C8.63622 2.66663 2.66669 8.63616 2.66669 16C2.66669 23.3638 8.63622 29.3333 16 29.3333Z"
-        stroke="#122AF5"
-        strokeWidth="2.66667"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 2.66663C12.5763 6.2615 10.6667 11.0356 10.6667 16C10.6667 20.9643 12.5763 25.7384 16 29.3333C19.4237 25.7384 21.3334 20.9643 21.3334 16C21.3334 11.0356 19.4237 6.2615 16 2.66663Z"
-        stroke="#122AF5"
-        strokeWidth="2.66667"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M2.66669 16H29.3334"
-        stroke="#122AF5"
-        strokeWidth="2.66667"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="1.33 1.33 29.33 29.33">
+<path d="M16 29.3333C23.3638 29.3333 29.3334 23.3638 29.3334 16C29.3334 8.63616 23.3638 2.66663 16 2.66663C8.63622 2.66663 2.66669 8.63616 2.66669 16C2.66669 23.3638 8.63622 29.3333 16 29.3333Z" stroke="#122AF5" strokeWidth="2.66667" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 2.66663C12.5763 6.2615 10.6667 11.0356 10.6667 16C10.6667 20.9643 12.5763 25.7384 16 29.3333C19.4237 25.7384 21.3334 20.9643 21.3334 16C21.3334 11.0356 19.4237 6.2615 16 2.66663Z" stroke="#122AF5" strokeWidth="2.66667" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2.66669 16H29.3334" stroke="#122AF5" strokeWidth="2.66667" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_browser_whale.tsx b/frontend/app/components/ui/Icons/color_browser_whale.tsx
index 906c60632..1eb89f19e 100644
--- a/frontend/app/components/ui/Icons/color_browser_whale.tsx
+++ b/frontend/app/components/ui/Icons/color_browser_whale.tsx
@@ -9,89 +9,33 @@ interface Props {
 }
 
 function Color_browser_whale(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="1.6 1.6 28.8 28.8"
-    >
-      <mask
-        id="mask0_450_13811"
-        style="mask-type:luminance"
-        maskUnits="userSpaceOnUse"
-        x="1"
-        y="1"
-        width="30"
-        height="30"
-      >
-        <path
-          d="M1.6001 1.59961H30.4001V30.3996H1.6001V1.59961Z"
-          fill="white"
-        />
-      </mask>
-      <g mask="url(#mask0_450_13811)">
-        <g filter="url(#filter0_i_450_13811)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M27.665 7.70665C27.6418 7.68875 27.622 7.64941 27.622 7.64941C27.622 7.64941 26.6258 7.69949 26.284 7.72811C24.6276 7.87121 20.499 9.64931 17.7389 16.9584C17.7389 16.9584 15.1504 25.7058 9.44946 28.609C11.4011 29.609 13.6103 30.176 15.9536 30.176C23.8458 30.176 30.2428 23.7792 30.2428 15.8869C30.2428 12.8424 29.2874 10.025 27.665 7.70665Z"
-            fill="#E1E1F5"
-          />
-        </g>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M3.63037 9.63678L5.59449 15.8887H12.3813L25.2536 8.20572L27.6238 7.65118L27.572 7.57426C24.9782 3.95728 20.7422 1.59961 15.9536 1.59961C10.7696 1.59961 6.22951 4.36154 3.72517 8.49372L3.63037 9.63678Z"
-          fill="#102C88"
-        />
-        <path
-          d="M4.37992 8.10342C4.45506 7.80646 4.59638 7.37536 4.63214 7.26982C4.6572 7.20006 4.72158 7.03906 4.72158 7.03906C4.38708 7.4487 3.9846 8.06764 3.9846 8.06764C2.4784 10.3376 1.6001 13.0602 1.6001 15.9885C1.6001 20.212 3.43184 24.0006 6.33868 26.6248L6.3351 26.6338C5.13302 27.8324 3.70018 28.7946 2.10812 29.4548C1.94176 29.5246 1.94713 29.7606 2.11886 29.8214C4.77346 30.6282 7.92716 30.4566 10.3904 29.2114C10.3904 29.2114 10.4065 29.2008 10.4136 29.1972C11.1327 28.8376 11.8751 28.3778 12.5942 27.7894C13.4546 27.1382 14.1558 26.421 14.7944 25.53C16.052 23.7752 17.068 21.3532 18.601 17.4732C20.9676 11.4825 22.8442 9.26794 27.5952 7.66158C27.5828 7.65978 23.2538 6.7457 18.4043 9.9763C13.8893 12.9833 12.4994 15.1907 9.43156 15.1907C7.02738 15.1907 3.185 12.8438 4.3513 8.21252C4.3513 8.21252 4.36562 8.15886 4.37992 8.10698V8.10342Z"
-          fill="#00D1CE"
-        />
-        <path
-          d="M15.9554 16.8819C15.4528 16.8819 15.0449 16.3989 15.0449 15.8033C15.0449 15.2076 15.4528 14.7246 15.9554 14.7246C16.4581 14.7246 16.8659 15.2076 16.8659 15.8033C16.8659 16.3989 16.4581 16.8819 15.9554 16.8819Z"
-          fill="#004781"
-        />
-      </g>
-      <defs>
-        <filter
-          id="filter0_i_450_13811"
-          x="5.44946"
-          y="3.64941"
-          width="24.7933"
-          height="26.5266"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feBlend
-            mode="normal"
-            in="SourceGraphic"
-            in2="BackgroundImageFix"
-            result="shape"
-          />
-          <feColorMatrix
-            in="SourceAlpha"
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dx="-4" dy="-4" />
-          <feGaussianBlur stdDeviation="3" />
-          <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
-          <feColorMatrix
-            type="matrix"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"
-          />
-          <feBlend
-            mode="normal"
-            in2="shape"
-            result="effect1_innerShadow_450_13811"
-          />
-        </filter>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="1.6 1.6 28.8 28.8">
+<mask id="mask0_450_13811" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="30" height="30">
+<path d="M1.6001 1.59961H30.4001V30.3996H1.6001V1.59961Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_450_13811)">
+<g filter="url(#filter0_i_450_13811)">
+<path fillRule="evenodd" clipRule="evenodd" d="M27.665 7.70665C27.6418 7.68875 27.622 7.64941 27.622 7.64941C27.622 7.64941 26.6258 7.69949 26.284 7.72811C24.6276 7.87121 20.499 9.64931 17.7389 16.9584C17.7389 16.9584 15.1504 25.7058 9.44946 28.609C11.4011 29.609 13.6103 30.176 15.9536 30.176C23.8458 30.176 30.2428 23.7792 30.2428 15.8869C30.2428 12.8424 29.2874 10.025 27.665 7.70665Z" fill="#E1E1F5"/>
+</g>
+<path fillRule="evenodd" clipRule="evenodd" d="M3.63037 9.63678L5.59449 15.8887H12.3813L25.2536 8.20572L27.6238 7.65118L27.572 7.57426C24.9782 3.95728 20.7422 1.59961 15.9536 1.59961C10.7696 1.59961 6.22951 4.36154 3.72517 8.49372L3.63037 9.63678Z" fill="#102C88"/>
+<path d="M4.37992 8.10342C4.45506 7.80646 4.59638 7.37536 4.63214 7.26982C4.6572 7.20006 4.72158 7.03906 4.72158 7.03906C4.38708 7.4487 3.9846 8.06764 3.9846 8.06764C2.4784 10.3376 1.6001 13.0602 1.6001 15.9885C1.6001 20.212 3.43184 24.0006 6.33868 26.6248L6.3351 26.6338C5.13302 27.8324 3.70018 28.7946 2.10812 29.4548C1.94176 29.5246 1.94713 29.7606 2.11886 29.8214C4.77346 30.6282 7.92716 30.4566 10.3904 29.2114C10.3904 29.2114 10.4065 29.2008 10.4136 29.1972C11.1327 28.8376 11.8751 28.3778 12.5942 27.7894C13.4546 27.1382 14.1558 26.421 14.7944 25.53C16.052 23.7752 17.068 21.3532 18.601 17.4732C20.9676 11.4825 22.8442 9.26794 27.5952 7.66158C27.5828 7.65978 23.2538 6.7457 18.4043 9.9763C13.8893 12.9833 12.4994 15.1907 9.43156 15.1907C7.02738 15.1907 3.185 12.8438 4.3513 8.21252C4.3513 8.21252 4.36562 8.15886 4.37992 8.10698V8.10342Z" fill="#00D1CE"/>
+<path d="M15.9554 16.8819C15.4528 16.8819 15.0449 16.3989 15.0449 15.8033C15.0449 15.2076 15.4528 14.7246 15.9554 14.7246C16.4581 14.7246 16.8659 15.2076 16.8659 15.8033C16.8659 16.3989 16.4581 16.8819 15.9554 16.8819Z" fill="#004781"/>
+</g>
+<defs>
+<filter id="filter0_i_450_13811" x="5.44946" y="3.64941" width="24.7933" height="26.5266" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
+<feFlood floodOpacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-4" dy="-4"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_450_13811"/>
+</filter>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_chrome.tsx b/frontend/app/components/ui/Icons/color_chrome.tsx
index 9231b9903..350ad7c54 100644
--- a/frontend/app/components/ui/Icons/color_chrome.tsx
+++ b/frontend/app/components/ui/Icons/color_chrome.tsx
@@ -9,55 +9,25 @@ interface Props {
 }
 
 function Color_chrome(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M12.0005 1.5029C12.0005 1.5029 18.1896 1.22615 21.471 7.42495H11.4739C11.4739 7.42495 9.58722 7.36436 7.9756 9.64499C7.51265 10.6022 7.01502 11.5883 7.57345 13.5316C6.769 12.1735 3.30261 6.15929 3.30261 6.15929C3.30261 6.15929 5.74761 1.74796 12.0004 1.5029H12.0005Z"
-        fill="#EF3F36"
-      />
-      <path
-        d="M21.1497 17.2392C21.1497 17.2392 18.2938 22.7201 11.2684 22.4491C12.1365 20.9527 16.2683 13.8227 16.2683 13.8227C16.2683 13.8227 17.2666 12.2254 16.089 9.69398C15.4899 8.81461 14.8794 7.89488 12.9119 7.40468C14.4947 7.39036 21.4535 7.40468 21.4535 7.40468C21.4535 7.40468 24.0605 11.7209 21.1497 17.2392Z"
-        fill="#FCD900"
-      />
-      <path
-        d="M2.89448 17.2825C2.89448 17.2825 -0.441744 12.0784 3.30821 6.15057C4.17339 7.64698 8.30528 14.7771 8.30528 14.7771C8.30528 14.7771 9.19651 16.4378 11.9829 16.6857C13.0449 16.6079 14.1502 16.5415 15.5623 15.0913C14.7838 16.4638 11.2913 22.4608 11.2913 22.4608C11.2913 22.4608 6.2335 22.553 2.8944 17.2825H2.89448Z"
-        fill="#61BC5B"
-      />
-      <path
-        d="M11.2655 22.501L12.6717 16.654C12.6717 16.654 14.2169 16.5328 15.5132 15.1172C14.7088 16.5272 11.2655 22.501 11.2655 22.501Z"
-        fill="#5AB055"
-      />
-      <path
-        d="M7.28979 12.0668C7.28979 9.48931 9.38762 7.39899 11.9744 7.39899C14.5611 7.39899 16.6589 9.48931 16.6589 12.0668C16.6589 14.6444 14.5611 16.7346 11.9744 16.7346C9.38762 16.7317 7.28979 14.6444 7.28979 12.0668Z"
-        fill="white"
-      />
-      <path
-        d="M8.07397 12.0668C8.07397 9.9218 9.81881 8.18033 11.9745 8.18033C14.1272 8.18033 15.8749 9.91893 15.8749 12.0668C15.8749 14.212 14.1302 15.9534 11.9745 15.9534C9.82168 15.9534 8.07397 14.212 8.07397 12.0668Z"
-        fill="url(#paint0_linear_716_8431)"
-      />
-      <path
-        d="M21.4506 7.40764L15.6607 9.10007C15.6607 9.10007 14.7869 7.82276 12.9091 7.40764C14.5381 7.39896 21.4506 7.40764 21.4506 7.40764Z"
-        fill="#EACA05"
-      />
-      <path
-        d="M7.46063 13.3183C6.64747 11.9141 3.30261 6.15927 3.30261 6.15927L7.59079 10.386C7.59079 10.386 7.15093 11.2885 7.31593 12.5801L7.46055 13.3183H7.46063Z"
-        fill="#DF3A32"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_716_8431"
-          x1="11.9743"
-          y1="8.23521"
-          x2="11.9743"
-          y2="15.7195"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#86BBE5" />
-          <stop offset="1" stopColor="#1072BA" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0005 1.5029C12.0005 1.5029 18.1896 1.22615 21.471 7.42495H11.4739C11.4739 7.42495 9.58722 7.36436 7.9756 9.64499C7.51265 10.6022 7.01502 11.5883 7.57345 13.5316C6.769 12.1735 3.30261 6.15929 3.30261 6.15929C3.30261 6.15929 5.74761 1.74796 12.0004 1.5029H12.0005Z" fill="#EF3F36"/>
+<path d="M21.1497 17.2392C21.1497 17.2392 18.2938 22.7201 11.2684 22.4491C12.1365 20.9527 16.2683 13.8227 16.2683 13.8227C16.2683 13.8227 17.2666 12.2254 16.089 9.69398C15.4899 8.81461 14.8794 7.89488 12.9119 7.40468C14.4947 7.39036 21.4535 7.40468 21.4535 7.40468C21.4535 7.40468 24.0605 11.7209 21.1497 17.2392Z" fill="#FCD900"/>
+<path d="M2.89448 17.2825C2.89448 17.2825 -0.441744 12.0784 3.30821 6.15057C4.17339 7.64698 8.30528 14.7771 8.30528 14.7771C8.30528 14.7771 9.19651 16.4378 11.9829 16.6857C13.0449 16.6079 14.1502 16.5415 15.5623 15.0913C14.7838 16.4638 11.2913 22.4608 11.2913 22.4608C11.2913 22.4608 6.2335 22.553 2.8944 17.2825H2.89448Z" fill="#61BC5B"/>
+<path d="M11.2655 22.501L12.6717 16.654C12.6717 16.654 14.2169 16.5328 15.5132 15.1172C14.7088 16.5272 11.2655 22.501 11.2655 22.501Z" fill="#5AB055"/>
+<path d="M7.28979 12.0668C7.28979 9.48931 9.38762 7.39899 11.9744 7.39899C14.5611 7.39899 16.6589 9.48931 16.6589 12.0668C16.6589 14.6444 14.5611 16.7346 11.9744 16.7346C9.38762 16.7317 7.28979 14.6444 7.28979 12.0668Z" fill="white"/>
+<path d="M8.07397 12.0668C8.07397 9.9218 9.81881 8.18033 11.9745 8.18033C14.1272 8.18033 15.8749 9.91893 15.8749 12.0668C15.8749 14.212 14.1302 15.9534 11.9745 15.9534C9.82168 15.9534 8.07397 14.212 8.07397 12.0668Z" fill="url(#paint0_linear_716_8431)"/>
+<path d="M21.4506 7.40764L15.6607 9.10007C15.6607 9.10007 14.7869 7.82276 12.9091 7.40764C14.5381 7.39896 21.4506 7.40764 21.4506 7.40764Z" fill="#EACA05"/>
+<path d="M7.46063 13.3183C6.64747 11.9141 3.30261 6.15927 3.30261 6.15927L7.59079 10.386C7.59079 10.386 7.15093 11.2885 7.31593 12.5801L7.46055 13.3183H7.46063Z" fill="#DF3A32"/>
+<defs>
+<linearGradient id="paint0_linear_716_8431" x1="11.9743" y1="8.23521" x2="11.9743" y2="15.7195" gradientUnits="userSpaceOnUse">
+<stop stopColor="#86BBE5"/>
+<stop offset="1" stopColor="#1072BA"/>
+</linearGradient>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_country_de.tsx b/frontend/app/components/ui/Icons/color_country_de.tsx
index ac23cf513..813d9b049 100644
--- a/frontend/app/components/ui/Icons/color_country_de.tsx
+++ b/frontend/app/components/ui/Icons/color_country_de.tsx
@@ -9,36 +9,22 @@ interface Props {
 }
 
 function Color_country_de(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20186)">
-        <rect width="24" height="24" rx="12" fill="#F6F8D5" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 16H28V24H-4V16Z"
-          fill="#FFD018"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 8H28V16H-4V8Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0H28V8H-4V0Z"
-          fill="#272727"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20186">
-          <rect width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20186)">
+<rect width="24" height="24" rx="12" fill="#F6F8D5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 16H28V24H-4V16Z" fill="#FFD018"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 8H28V16H-4V8Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0H28V8H-4V0Z" fill="#272727"/>
+</g>
+<defs>
+<clipPath id="clip0_475_20186">
+<rect width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_country_fr.tsx b/frontend/app/components/ui/Icons/color_country_fr.tsx
index 5cdb73290..5ae4cf4ee 100644
--- a/frontend/app/components/ui/Icons/color_country_fr.tsx
+++ b/frontend/app/components/ui/Icons/color_country_fr.tsx
@@ -9,36 +9,22 @@ interface Props {
 }
 
 function Color_country_fr(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20176)">
-        <rect y="0.600098" width="24" height="24" rx="12" fill="#FFF8D5" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18 0.600098H28V24.6001H18V0.600098Z"
-          fill="#F50100"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.600098H8V24.6001H-4V0.600098Z"
-          fill="#2E42A5"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M6 0.600098H18V24.6001H6V0.600098Z"
-          fill="#F7FCFF"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20176">
-          <rect y="0.600098" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20176)">
+<rect y="0.600098" width="24" height="24" rx="12" fill="#FFF8D5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18 0.600098H28V24.6001H18V0.600098Z" fill="#F50100"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.600098H8V24.6001H-4V0.600098Z" fill="#2E42A5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6 0.600098H18V24.6001H6V0.600098Z" fill="#F7FCFF"/>
+</g>
+<defs>
+<clipPath id="clip0_475_20176">
+<rect y="0.600098" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_country_gb.tsx b/frontend/app/components/ui/Icons/color_country_gb.tsx
index 995493cba..db100285c 100644
--- a/frontend/app/components/ui/Icons/color_country_gb.tsx
+++ b/frontend/app/components/ui/Icons/color_country_gb.tsx
@@ -9,75 +9,34 @@ interface Props {
 }
 
 function Color_country_gb(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20166)">
-        <rect y="0.199951" width="24" height="24" rx="12" fill="#FFF2E8" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.199951V24.2H28V0.199951H-4Z"
-          fill="#2E42A5"
-        />
-        <mask
-          id="mask0_475_20166"
-          maskUnits="userSpaceOnUse"
-          x="-4"
-          y="0"
-          width="32"
-          height="25"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 0.199951V24.2H28V0.199951H-4Z"
-            fill="white"
-          />
-        </mask>
-        <g mask="url(#mask0_475_20166)">
-          <path
-            d="M-7.56323 22.4853L-0.521543 25.4634L28.1597 3.43776L31.874 -0.987722L24.344 -1.98308L12.6456 7.50839L3.22956 13.9034L-7.56323 22.4853Z"
-            fill="white"
-          />
-          <path
-            d="M-6.59924 24.5718L-3.01183 26.3L30.5402 -1.39889H25.5031L-6.59924 24.5718Z"
-            fill="#F50100"
-          />
-          <path
-            d="M31.5631 22.4853L24.5214 25.4634L-4.15982 3.43776L-7.87415 -0.987722L-0.344074 -1.98308L11.3543 7.50839L20.7703 13.9034L31.5631 22.4853Z"
-            fill="white"
-          />
-          <path
-            d="M31.3229 23.9827L27.7355 25.7109L13.4487 13.8516L9.21293 12.5266L-8.23151 -0.972633H-3.19436L14.2403 12.2062L18.8713 13.795L31.3229 23.9827Z"
-            fill="#F50100"
-          />
-          <mask id="path-8-inside-1_475_20166" fill="white">
-            <path
-              fillRule="evenodd"
-              clipRule="evenodd"
-              d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z"
-            />
-          </mask>
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z"
-            fill="#F50100"
-          />
-          <path
-            d="M8.22215 -1.80005V-3.80005H6.22215V-1.80005H8.22215ZM15.7777 -1.80005H17.7777V-3.80005H15.7777V-1.80005ZM8.22215 8.19995V10.2H10.2222V8.19995H8.22215ZM-5.97253 8.19995V6.19995H-7.97253V8.19995H-5.97253ZM-5.97253 16.2H-7.97253V18.2H-5.97253V16.2ZM8.22215 16.2H10.2222V14.2H8.22215V16.2ZM8.22215 26.2H6.22215V28.2H8.22215V26.2ZM15.7777 26.2V28.2H17.7777V26.2H15.7777ZM15.7777 16.2V14.2H13.7777V16.2H15.7777ZM30.0275 16.2V18.2H32.0275V16.2H30.0275ZM30.0275 8.19995H32.0275V6.19995H30.0275V8.19995ZM15.7777 8.19995H13.7777V10.2H15.7777V8.19995ZM8.22215 0.199951H15.7777V-3.80005H8.22215V0.199951ZM10.2222 8.19995V-1.80005H6.22215V8.19995H10.2222ZM-5.97253 10.2H8.22215V6.19995H-5.97253V10.2ZM-3.97253 16.2V8.19995H-7.97253V16.2H-3.97253ZM8.22215 14.2H-5.97253V18.2H8.22215V14.2ZM10.2222 26.2V16.2H6.22215V26.2H10.2222ZM15.7777 24.2H8.22215V28.2H15.7777V24.2ZM13.7777 16.2V26.2H17.7777V16.2H13.7777ZM30.0275 14.2H15.7777V18.2H30.0275V14.2ZM28.0275 8.19995V16.2H32.0275V8.19995H28.0275ZM15.7777 10.2H30.0275V6.19995H15.7777V10.2ZM13.7777 -1.80005V8.19995H17.7777V-1.80005H13.7777Z"
-            fill="white"
-            mask="url(#path-8-inside-1_475_20166)"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20166">
-          <rect y="0.199951" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20166)">
+<rect y="0.199951" width="24" height="24" rx="12" fill="#FFF2E8"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.199951V24.2H28V0.199951H-4Z" fill="#2E42A5"/>
+<mask id="mask0_475_20166" maskUnits="userSpaceOnUse" x="-4" y="0" width="32" height="25">
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.199951V24.2H28V0.199951H-4Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_475_20166)">
+<path d="M-7.56323 22.4853L-0.521543 25.4634L28.1597 3.43776L31.874 -0.987722L24.344 -1.98308L12.6456 7.50839L3.22956 13.9034L-7.56323 22.4853Z" fill="white"/>
+<path d="M-6.59924 24.5718L-3.01183 26.3L30.5402 -1.39889H25.5031L-6.59924 24.5718Z" fill="#F50100"/>
+<path d="M31.5631 22.4853L24.5214 25.4634L-4.15982 3.43776L-7.87415 -0.987722L-0.344074 -1.98308L11.3543 7.50839L20.7703 13.9034L31.5631 22.4853Z" fill="white"/>
+<path d="M31.3229 23.9827L27.7355 25.7109L13.4487 13.8516L9.21293 12.5266L-8.23151 -0.972633H-3.19436L14.2403 12.2062L18.8713 13.795L31.3229 23.9827Z" fill="#F50100"/>
+<mask id="path-8-inside-1_475_20166" fill="white">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z"/>
+</mask>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z" fill="#F50100"/>
+<path d="M8.22215 -1.80005V-3.80005H6.22215V-1.80005H8.22215ZM15.7777 -1.80005H17.7777V-3.80005H15.7777V-1.80005ZM8.22215 8.19995V10.2H10.2222V8.19995H8.22215ZM-5.97253 8.19995V6.19995H-7.97253V8.19995H-5.97253ZM-5.97253 16.2H-7.97253V18.2H-5.97253V16.2ZM8.22215 16.2H10.2222V14.2H8.22215V16.2ZM8.22215 26.2H6.22215V28.2H8.22215V26.2ZM15.7777 26.2V28.2H17.7777V26.2H15.7777ZM15.7777 16.2V14.2H13.7777V16.2H15.7777ZM30.0275 16.2V18.2H32.0275V16.2H30.0275ZM30.0275 8.19995H32.0275V6.19995H30.0275V8.19995ZM15.7777 8.19995H13.7777V10.2H15.7777V8.19995ZM8.22215 0.199951H15.7777V-3.80005H8.22215V0.199951ZM10.2222 8.19995V-1.80005H6.22215V8.19995H10.2222ZM-5.97253 10.2H8.22215V6.19995H-5.97253V10.2ZM-3.97253 16.2V8.19995H-7.97253V16.2H-3.97253ZM8.22215 14.2H-5.97253V18.2H8.22215V14.2ZM10.2222 26.2V16.2H6.22215V26.2H10.2222ZM15.7777 24.2H8.22215V28.2H15.7777V24.2ZM13.7777 16.2V26.2H17.7777V16.2H13.7777ZM30.0275 14.2H15.7777V18.2H30.0275V14.2ZM28.0275 8.19995V16.2H32.0275V8.19995H28.0275ZM15.7777 10.2H30.0275V6.19995H15.7777V10.2ZM13.7777 -1.80005V8.19995H17.7777V-1.80005H13.7777Z" fill="white" mask="url(#path-8-inside-1_475_20166)"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_475_20166">
+<rect y="0.199951" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_country_in.tsx b/frontend/app/components/ui/Icons/color_country_in.tsx
index 0197519e9..f569d6977 100644
--- a/frontend/app/components/ui/Icons/color_country_in.tsx
+++ b/frontend/app/components/ui/Icons/color_country_in.tsx
@@ -9,65 +9,29 @@ interface Props {
 }
 
 function Color_country_in(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20156)">
-        <rect y="0.800049" width="24" height="24" rx="12" fill="#FFF7E6" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.800049V24.8H28V0.800049H-4Z"
-          fill="#F7FCFF"
-        />
-        <mask
-          id="mask0_475_20156"
-          maskUnits="userSpaceOnUse"
-          x="-4"
-          y="0"
-          width="32"
-          height="25"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 0.800049V24.8H28V0.800049H-4Z"
-            fill="white"
-          />
-        </mask>
-        <g mask="url(#mask0_475_20156)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 0.800049V8.80005H28V0.800049H-4Z"
-            fill="#FF8C1A"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 16.8V24.8H28V16.8H-4Z"
-            fill="#5EAA22"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M8 12.8C8 15.0092 9.79086 16.8 12 16.8C14.2091 16.8 16 15.0092 16 12.8C16 10.5909 14.2091 8.80005 12 8.80005C9.79086 8.80005 8 10.5909 8 12.8ZM15 12.8C15 14.4569 13.6569 15.8 12 15.8C10.3431 15.8 9 14.4569 9 12.8C9 11.1432 10.3431 9.80005 12 9.80005C13.6569 9.80005 15 11.1432 15 12.8Z"
-            fill="#3D58DB"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.9944 13.6608L11.4236 16.7813L11.7551 13.6263L10.3282 16.4597L11.5351 13.5259L9.36777 15.8424L11.3523 13.3675L8.62014 14.9796L11.2216 13.1641L8.14587 13.9411L11.1534 12.932L7.9834 12.8111L11.1534 12.6902L8.14587 11.6811L11.2216 12.4581L8.62014 10.6426L11.3523 12.2547L9.36777 9.77975L11.5351 12.0963L10.3282 9.16252L11.7551 11.9959L11.4236 8.84088L11.9944 11.9614L12.5653 8.84088L12.2338 11.9959L13.6607 9.16252L12.4538 12.0963L14.6211 9.77975L12.6366 12.2547L15.3688 10.6426L12.7673 12.4581L15.843 11.6811L12.8355 12.6902L16.0055 12.8111L12.8355 12.932L15.843 13.9411L12.7673 13.1641L15.3688 14.9796L12.6366 13.3675L14.6211 15.8424L12.4538 13.5259L13.6607 16.4597L12.2338 13.6263L12.5653 16.7813L11.9944 13.6608Z"
-            fill="#3D58DB"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20156">
-          <rect y="0.800049" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20156)">
+<rect y="0.800049" width="24" height="24" rx="12" fill="#FFF7E6"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.800049V24.8H28V0.800049H-4Z" fill="#F7FCFF"/>
+<mask id="mask0_475_20156" maskUnits="userSpaceOnUse" x="-4" y="0" width="32" height="25">
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.800049V24.8H28V0.800049H-4Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_475_20156)">
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.800049V8.80005H28V0.800049H-4Z" fill="#FF8C1A"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 16.8V24.8H28V16.8H-4Z" fill="#5EAA22"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8 12.8C8 15.0092 9.79086 16.8 12 16.8C14.2091 16.8 16 15.0092 16 12.8C16 10.5909 14.2091 8.80005 12 8.80005C9.79086 8.80005 8 10.5909 8 12.8ZM15 12.8C15 14.4569 13.6569 15.8 12 15.8C10.3431 15.8 9 14.4569 9 12.8C9 11.1432 10.3431 9.80005 12 9.80005C13.6569 9.80005 15 11.1432 15 12.8Z" fill="#3D58DB"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9944 13.6608L11.4236 16.7813L11.7551 13.6263L10.3282 16.4597L11.5351 13.5259L9.36777 15.8424L11.3523 13.3675L8.62014 14.9796L11.2216 13.1641L8.14587 13.9411L11.1534 12.932L7.9834 12.8111L11.1534 12.6902L8.14587 11.6811L11.2216 12.4581L8.62014 10.6426L11.3523 12.2547L9.36777 9.77975L11.5351 12.0963L10.3282 9.16252L11.7551 11.9959L11.4236 8.84088L11.9944 11.9614L12.5653 8.84088L12.2338 11.9959L13.6607 9.16252L12.4538 12.0963L14.6211 9.77975L12.6366 12.2547L15.3688 10.6426L12.7673 12.4581L15.843 11.6811L12.8355 12.6902L16.0055 12.8111L12.8355 12.932L15.843 13.9411L12.7673 13.1641L15.3688 14.9796L12.6366 13.3675L14.6211 15.8424L12.4538 13.5259L13.6607 16.4597L12.2338 13.6263L12.5653 16.7813L11.9944 13.6608Z" fill="#3D58DB"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_475_20156">
+<rect y="0.800049" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_country_us.tsx b/frontend/app/components/ui/Icons/color_country_us.tsx
index 87ff4751e..86d98a2fe 100644
--- a/frontend/app/components/ui/Icons/color_country_us.tsx
+++ b/frontend/app/components/ui/Icons/color_country_us.tsx
@@ -9,73 +9,29 @@ interface Props {
 }
 
 function Color_country_us(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20146)">
-        <rect y="0.399902" width="24" height="24" rx="12" fill="#FFFBE6" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.399902H28V24.3999H-4V0.399902Z"
-          fill="#F7FCFF"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 15.0667V17.0667H28V15.0667H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 18.7332V20.7332H28V18.7332H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 7.73315V9.73315H28V7.73315H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 22.3999V24.3999H28V22.3999H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 11.3999V13.3999H28V11.3999H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.399902V2.3999H28V0.399902H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 4.06665V6.06665H28V4.06665H-4Z"
-          fill="#E31D1C"
-        />
-        <rect x="-4" y="0.399902" width="20" height="13" fill="#2E42A5" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-2.27791 3.33861L-3.00379 3.8475L-2.75873 2.94189L-3.40344 2.36797H-2.56136L-2.27893 1.62891L-1.94775 2.36797H-1.2299L-1.79393 2.94189L-1.57557 3.8475L-2.27791 3.33861ZM1.72209 3.33861L0.996209 3.8475L1.24127 2.94189L0.596558 2.36797H1.43864L1.72107 1.62891L2.05225 2.36797H2.7701L2.20607 2.94189L2.42443 3.8475L1.72209 3.33861ZM4.99621 3.8475L5.72209 3.33861L6.42443 3.8475L6.20607 2.94189L6.7701 2.36797H6.05225L5.72107 1.62891L5.43864 2.36797H4.59656L5.24127 2.94189L4.99621 3.8475ZM9.72209 3.33861L8.99621 3.8475L9.24127 2.94189L8.59656 2.36797H9.43864L9.72107 1.62891L10.0522 2.36797H10.7701L10.2061 2.94189L10.4244 3.8475L9.72209 3.33861ZM-3.00379 7.8475L-2.27791 7.33861L-1.57557 7.8475L-1.79393 6.94189L-1.2299 6.36797H-1.94775L-2.27893 5.62891L-2.56136 6.36797H-3.40344L-2.75873 6.94189L-3.00379 7.8475ZM1.72209 7.33861L0.996209 7.8475L1.24127 6.94189L0.596558 6.36797H1.43864L1.72107 5.62891L2.05225 6.36797H2.7701L2.20607 6.94189L2.42443 7.8475L1.72209 7.33861ZM4.99621 7.8475L5.72209 7.33861L6.42443 7.8475L6.20607 6.94189L6.7701 6.36797H6.05225L5.72107 5.62891L5.43864 6.36797H4.59656L5.24127 6.94189L4.99621 7.8475ZM9.72209 7.33861L8.99621 7.8475L9.24127 6.94189L8.59656 6.36797H9.43864L9.72107 5.62891L10.0522 6.36797H10.7701L10.2061 6.94189L10.4244 7.8475L9.72209 7.33861ZM-3.00379 11.8475L-2.27791 11.3386L-1.57557 11.8475L-1.79393 10.9419L-1.2299 10.368H-1.94775L-2.27893 9.62891L-2.56136 10.368H-3.40344L-2.75873 10.9419L-3.00379 11.8475ZM1.72209 11.3386L0.996209 11.8475L1.24127 10.9419L0.596558 10.368H1.43864L1.72107 9.62891L2.05225 10.368H2.7701L2.20607 10.9419L2.42443 11.8475L1.72209 11.3386ZM4.99621 11.8475L5.72209 11.3386L6.42443 11.8475L6.20607 10.9419L6.7701 10.368H6.05225L5.72107 9.62891L5.43864 10.368H4.59656L5.24127 10.9419L4.99621 11.8475ZM9.72209 11.3386L8.99621 11.8475L9.24127 10.9419L8.59656 10.368H9.43864L9.72107 9.62891L10.0522 10.368H10.7701L10.2061 10.9419L10.4244 11.8475L9.72209 11.3386ZM12.9962 3.8475L13.7221 3.33861L14.4244 3.8475L14.2061 2.94189L14.7701 2.36797H14.0522L13.7211 1.62891L13.4386 2.36797H12.5966L13.2413 2.94189L12.9962 3.8475ZM13.7221 7.33861L12.9962 7.8475L13.2413 6.94189L12.5966 6.36797H13.4386L13.7211 5.62891L14.0522 6.36797H14.7701L14.2061 6.94189L14.4244 7.8475L13.7221 7.33861ZM12.9962 11.8475L13.7221 11.3386L14.4244 11.8475L14.2061 10.9419L14.7701 10.368H14.0522L13.7211 9.62891L13.4386 10.368H12.5966L13.2413 10.9419L12.9962 11.8475ZM-0.277911 5.33861L-1.00379 5.8475L-0.758726 4.94189L-1.40344 4.36797H-0.561355L-0.278926 3.62891L0.0522454 4.36797H0.770102L0.206065 4.94189L0.424427 5.8475L-0.277911 5.33861ZM2.99621 5.8475L3.72209 5.33861L4.42443 5.8475L4.20607 4.94189L4.7701 4.36797H4.05225L3.72107 3.62891L3.43864 4.36797H2.59656L3.24127 4.94189L2.99621 5.8475ZM7.72209 5.33861L6.99621 5.8475L7.24127 4.94189L6.59656 4.36797H7.43864L7.72107 3.62891L8.05225 4.36797H8.7701L8.20607 4.94189L8.42443 5.8475L7.72209 5.33861ZM-1.00379 9.8475L-0.277911 9.33861L0.424427 9.8475L0.206065 8.94189L0.770102 8.36797H0.0522454L-0.278926 7.62891L-0.561355 8.36797H-1.40344L-0.758726 8.94189L-1.00379 9.8475ZM3.72209 9.33861L2.99621 9.8475L3.24127 8.94189L2.59656 8.36797H3.43864L3.72107 7.62891L4.05225 8.36797H4.7701L4.20607 8.94189L4.42443 9.8475L3.72209 9.33861ZM6.99621 9.8475L7.72209 9.33861L8.42443 9.8475L8.20607 8.94189L8.7701 8.36797H8.05225L7.72107 7.62891L7.43864 8.36797H6.59656L7.24127 8.94189L6.99621 9.8475ZM11.7221 5.33861L10.9962 5.8475L11.2413 4.94189L10.5966 4.36797H11.4386L11.7211 3.62891L12.0522 4.36797H12.7701L12.2061 4.94189L12.4244 5.8475L11.7221 5.33861ZM10.9962 9.8475L11.7221 9.33861L12.4244 9.8475L12.2061 8.94189L12.7701 8.36797H12.0522L11.7211 7.62891L11.4386 8.36797H10.5966L11.2413 8.94189L10.9962 9.8475Z"
-          fill="#F7FCFF"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20146">
-          <rect y="0.399902" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20146)">
+<rect y="0.399902" width="24" height="24" rx="12" fill="#FFFBE6"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.399902H28V24.3999H-4V0.399902Z" fill="#F7FCFF"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 15.0667V17.0667H28V15.0667H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 18.7332V20.7332H28V18.7332H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 7.73315V9.73315H28V7.73315H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 22.3999V24.3999H28V22.3999H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 11.3999V13.3999H28V11.3999H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.399902V2.3999H28V0.399902H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 4.06665V6.06665H28V4.06665H-4Z" fill="#E31D1C"/>
+<rect x="-4" y="0.399902" width="20" height="13" fill="#2E42A5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-2.27791 3.33861L-3.00379 3.8475L-2.75873 2.94189L-3.40344 2.36797H-2.56136L-2.27893 1.62891L-1.94775 2.36797H-1.2299L-1.79393 2.94189L-1.57557 3.8475L-2.27791 3.33861ZM1.72209 3.33861L0.996209 3.8475L1.24127 2.94189L0.596558 2.36797H1.43864L1.72107 1.62891L2.05225 2.36797H2.7701L2.20607 2.94189L2.42443 3.8475L1.72209 3.33861ZM4.99621 3.8475L5.72209 3.33861L6.42443 3.8475L6.20607 2.94189L6.7701 2.36797H6.05225L5.72107 1.62891L5.43864 2.36797H4.59656L5.24127 2.94189L4.99621 3.8475ZM9.72209 3.33861L8.99621 3.8475L9.24127 2.94189L8.59656 2.36797H9.43864L9.72107 1.62891L10.0522 2.36797H10.7701L10.2061 2.94189L10.4244 3.8475L9.72209 3.33861ZM-3.00379 7.8475L-2.27791 7.33861L-1.57557 7.8475L-1.79393 6.94189L-1.2299 6.36797H-1.94775L-2.27893 5.62891L-2.56136 6.36797H-3.40344L-2.75873 6.94189L-3.00379 7.8475ZM1.72209 7.33861L0.996209 7.8475L1.24127 6.94189L0.596558 6.36797H1.43864L1.72107 5.62891L2.05225 6.36797H2.7701L2.20607 6.94189L2.42443 7.8475L1.72209 7.33861ZM4.99621 7.8475L5.72209 7.33861L6.42443 7.8475L6.20607 6.94189L6.7701 6.36797H6.05225L5.72107 5.62891L5.43864 6.36797H4.59656L5.24127 6.94189L4.99621 7.8475ZM9.72209 7.33861L8.99621 7.8475L9.24127 6.94189L8.59656 6.36797H9.43864L9.72107 5.62891L10.0522 6.36797H10.7701L10.2061 6.94189L10.4244 7.8475L9.72209 7.33861ZM-3.00379 11.8475L-2.27791 11.3386L-1.57557 11.8475L-1.79393 10.9419L-1.2299 10.368H-1.94775L-2.27893 9.62891L-2.56136 10.368H-3.40344L-2.75873 10.9419L-3.00379 11.8475ZM1.72209 11.3386L0.996209 11.8475L1.24127 10.9419L0.596558 10.368H1.43864L1.72107 9.62891L2.05225 10.368H2.7701L2.20607 10.9419L2.42443 11.8475L1.72209 11.3386ZM4.99621 11.8475L5.72209 11.3386L6.42443 11.8475L6.20607 10.9419L6.7701 10.368H6.05225L5.72107 9.62891L5.43864 10.368H4.59656L5.24127 10.9419L4.99621 11.8475ZM9.72209 11.3386L8.99621 11.8475L9.24127 10.9419L8.59656 10.368H9.43864L9.72107 9.62891L10.0522 10.368H10.7701L10.2061 10.9419L10.4244 11.8475L9.72209 11.3386ZM12.9962 3.8475L13.7221 3.33861L14.4244 3.8475L14.2061 2.94189L14.7701 2.36797H14.0522L13.7211 1.62891L13.4386 2.36797H12.5966L13.2413 2.94189L12.9962 3.8475ZM13.7221 7.33861L12.9962 7.8475L13.2413 6.94189L12.5966 6.36797H13.4386L13.7211 5.62891L14.0522 6.36797H14.7701L14.2061 6.94189L14.4244 7.8475L13.7221 7.33861ZM12.9962 11.8475L13.7221 11.3386L14.4244 11.8475L14.2061 10.9419L14.7701 10.368H14.0522L13.7211 9.62891L13.4386 10.368H12.5966L13.2413 10.9419L12.9962 11.8475ZM-0.277911 5.33861L-1.00379 5.8475L-0.758726 4.94189L-1.40344 4.36797H-0.561355L-0.278926 3.62891L0.0522454 4.36797H0.770102L0.206065 4.94189L0.424427 5.8475L-0.277911 5.33861ZM2.99621 5.8475L3.72209 5.33861L4.42443 5.8475L4.20607 4.94189L4.7701 4.36797H4.05225L3.72107 3.62891L3.43864 4.36797H2.59656L3.24127 4.94189L2.99621 5.8475ZM7.72209 5.33861L6.99621 5.8475L7.24127 4.94189L6.59656 4.36797H7.43864L7.72107 3.62891L8.05225 4.36797H8.7701L8.20607 4.94189L8.42443 5.8475L7.72209 5.33861ZM-1.00379 9.8475L-0.277911 9.33861L0.424427 9.8475L0.206065 8.94189L0.770102 8.36797H0.0522454L-0.278926 7.62891L-0.561355 8.36797H-1.40344L-0.758726 8.94189L-1.00379 9.8475ZM3.72209 9.33861L2.99621 9.8475L3.24127 8.94189L2.59656 8.36797H3.43864L3.72107 7.62891L4.05225 8.36797H4.7701L4.20607 8.94189L4.42443 9.8475L3.72209 9.33861ZM6.99621 9.8475L7.72209 9.33861L8.42443 9.8475L8.20607 8.94189L8.7701 8.36797H8.05225L7.72107 7.62891L7.43864 8.36797H6.59656L7.24127 8.94189L6.99621 9.8475ZM11.7221 5.33861L10.9962 5.8475L11.2413 4.94189L10.5966 4.36797H11.4386L11.7211 3.62891L12.0522 4.36797H12.7701L12.2061 4.94189L12.4244 5.8475L11.7221 5.33861ZM10.9962 9.8475L11.7221 9.33861L12.4244 9.8475L12.2061 8.94189L12.7701 8.36797H12.0522L11.7211 7.62891L11.4386 8.36797H10.5966L11.2413 8.94189L10.9962 9.8475Z" fill="#F7FCFF"/>
+</g>
+<defs>
+<clipPath id="clip0_475_20146">
+<rect y="0.399902" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_de.tsx b/frontend/app/components/ui/Icons/color_de.tsx
index d4e18135d..cba7f7789 100644
--- a/frontend/app/components/ui/Icons/color_de.tsx
+++ b/frontend/app/components/ui/Icons/color_de.tsx
@@ -9,36 +9,22 @@ interface Props {
 }
 
 function Color_de(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20186)">
-        <rect width="24" height="24" rx="12" fill="#F6F8D5" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 16H28V24H-4V16Z"
-          fill="#FFD018"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 8H28V16H-4V8Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0H28V8H-4V0Z"
-          fill="#272727"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20186">
-          <rect width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20186)">
+<rect width="24" height="24" rx="12" fill="#F6F8D5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 16H28V24H-4V16Z" fill="#FFD018"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 8H28V16H-4V8Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0H28V8H-4V0Z" fill="#272727"/>
+</g>
+<defs>
+<clipPath id="clip0_475_20186">
+<rect width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_device_desktop.tsx b/frontend/app/components/ui/Icons/color_device_desktop.tsx
index 4c704a0dc..13a074d37 100644
--- a/frontend/app/components/ui/Icons/color_device_desktop.tsx
+++ b/frontend/app/components/ui/Icons/color_device_desktop.tsx
@@ -9,25 +9,13 @@ interface Props {
 }
 
 function Color_device_desktop(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#E2E4F6" />
-      <path
-        d="M23 8H9C7.89543 8 7 8.89543 7 10V18C7 19.1046 7.89543 20 9 20H23C24.1046 20 25 19.1046 25 18V10C25 8.89543 24.1046 8 23 8Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 24H26"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#E2E4F6"/>
+<path d="M23 8H9C7.89543 8 7 8.89543 7 10V18C7 19.1046 7.89543 20 9 20H23C24.1046 20 25 19.1046 25 18V10C25 8.89543 24.1046 8 23 8Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 24H26" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_device_mobile.tsx b/frontend/app/components/ui/Icons/color_device_mobile.tsx
index e070cb014..cb973b24f 100644
--- a/frontend/app/components/ui/Icons/color_device_mobile.tsx
+++ b/frontend/app/components/ui/Icons/color_device_mobile.tsx
@@ -9,54 +9,25 @@ interface Props {
 }
 
 function Color_device_mobile(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect
-        width="32"
-        height="32"
-        rx="10"
-        fill="url(#paint0_linear_451_13943)"
-      />
-      <g clipPath="url(#clip0_451_13943)">
-        <path
-          d="M20.875 6H11.125C10.2275 6 9.5 6.89543 9.5 8V24C9.5 25.1046 10.2275 26 11.125 26H20.875C21.7725 26 22.5 25.1046 22.5 24V8C22.5 6.89543 21.7725 6 20.875 6Z"
-          stroke="black"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M14.5 9.03186H17.5"
-          stroke="black"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <linearGradient
-          id="paint0_linear_451_13943"
-          x1="16"
-          y1="0"
-          x2="16"
-          y2="32"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#E2E4F6" />
-          <stop offset="0.415" stopColor="#FFF0F8" />
-          <stop offset="1" stopColor="#FDFAC4" stopOpacity="0.8" />
-        </linearGradient>
-        <clipPath id="clip0_451_13943">
-          <rect
-            width="15"
-            height="22"
-            fill="white"
-            transform="translate(8.5 5)"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="url(#paint0_linear_451_13943)"/>
+<g clipPath="url(#clip0_451_13943)">
+<path d="M20.875 6H11.125C10.2275 6 9.5 6.89543 9.5 8V24C9.5 25.1046 10.2275 26 11.125 26H20.875C21.7725 26 22.5 25.1046 22.5 24V8C22.5 6.89543 21.7725 6 20.875 6Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.5 9.03186H17.5" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_451_13943" x1="16" y1="0" x2="16" y2="32" gradientUnits="userSpaceOnUse">
+<stop stopColor="#E2E4F6"/>
+<stop offset="0.415" stopColor="#FFF0F8"/>
+<stop offset="1" stopColor="#FDFAC4" stopOpacity="0.8"/>
+</linearGradient>
+<clipPath id="clip0_451_13943">
+<rect width="15" height="22" fill="white" transform="translate(8.5 5)"/>
+</clipPath>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_device_tablet.tsx b/frontend/app/components/ui/Icons/color_device_tablet.tsx
index c75d15438..0572ca318 100644
--- a/frontend/app/components/ui/Icons/color_device_tablet.tsx
+++ b/frontend/app/components/ui/Icons/color_device_tablet.tsx
@@ -9,25 +9,13 @@ interface Props {
 }
 
 function Color_device_tablet(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#E2F1F6" />
-      <path
-        d="M26 10V22C26 23.1046 25.1046 24 24 24H8C6.89543 24 6 23.1046 6 22V10C6 8.89543 6.89543 8 8 8L24 8C25.1046 8 26 8.89543 26 10Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M10 16V15.99"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#E2F1F6"/>
+<path d="M26 10V22C26 23.1046 25.1046 24 24 24H8C6.89543 24 6 23.1046 6 22V10C6 8.89543 6.89543 8 8 8L24 8C25.1046 8 26 8.89543 26 10Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10 16V15.99" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_device_unkown.tsx b/frontend/app/components/ui/Icons/color_device_unkown.tsx
index 42ca6fdc3..fb95e2804 100644
--- a/frontend/app/components/ui/Icons/color_device_unkown.tsx
+++ b/frontend/app/components/ui/Icons/color_device_unkown.tsx
@@ -9,39 +9,15 @@ interface Props {
 }
 
 function Color_device_unkown(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M22 12V10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21071 20.5304 8 20 8H8C7.46957 8 6.96086 8.21071 6.58579 8.58579C6.21071 8.96086 6 9.46957 6 10V17C6 17.5304 6.21071 18.0391 6.58579 18.4142C6.96086 18.7893 7.46957 19 8 19H16"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M14 23V19.04V22.19"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M11 23H16"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M24 16H22C20.8954 16 20 16.8954 20 18V24C20 25.1046 20.8954 26 22 26H24C25.1046 26 26 25.1046 26 24V18C26 16.8954 25.1046 16 24 16Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M22 12V10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21071 20.5304 8 20 8H8C7.46957 8 6.96086 8.21071 6.58579 8.58579C6.21071 8.96086 6 9.46957 6 10V17C6 17.5304 6.21071 18.0391 6.58579 18.4142C6.96086 18.7893 7.46957 19 8 19H16" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 23V19.04V22.19" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11 23H16" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M24 16H22C20.8954 16 20 16.8954 20 18V24C20 25.1046 20.8954 26 22 26H24C25.1046 26 26 25.1046 26 24V18C26 16.8954 25.1046 16 24 16Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_edge.tsx b/frontend/app/components/ui/Icons/color_edge.tsx
index 05a83f7c6..f10d29ee1 100644
--- a/frontend/app/components/ui/Icons/color_edge.tsx
+++ b/frontend/app/components/ui/Icons/color_edge.tsx
@@ -9,80 +9,38 @@ interface Props {
 }
 
 function Color_edge(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M14.6938 11.9045C14.6938 9.9 12.6106 6.43977 7.91733 6.43977C3.22406 6.43977 1.5 10.3534 1.5 12.0239C1.5 6.05795 6.36089 1.5 12.1317 1.5C17.9025 1.5 22.5 5.81932 22.5 10.2102C22.5 14.1239 19.5547 15.4841 17.1602 15.4841C15.5798 15.4841 13.7839 14.9591 13.7839 14.1239C13.7839 13.4795 14.6938 13.4795 14.6938 11.9045Z"
-        fill="url(#paint0_linear_716_8450)"
-      />
-      <path
-        d="M7.91733 6.43976C12.6106 6.43976 14.6938 9.89999 14.6938 11.9045C14.6938 11.9201 14.6938 11.9355 14.6936 11.9508C14.6699 10.6159 13.7686 9.35112 11.988 9.35112C9.73717 9.35112 6.69613 12.4057 7.10319 16.2C7.42904 19.2372 10.0006 23.3113 15.5798 21.8795C15.5798 21.8795 14.5262 22.5 11.581 22.5C6.36089 22.5 1.5 17.7273 1.5 12.2625C1.5 12.1177 1.50221 11.9757 1.50666 11.8365C1.62701 10.0787 3.39177 6.43976 7.91733 6.43976Z"
-        fill="url(#paint1_linear_716_8450)"
-      />
-      <path
-        d="M7.91733 6.43976C12.6106 6.43976 14.6938 9.89999 14.6938 11.9045C14.6938 11.9201 14.6938 11.9355 14.6936 11.9508C14.6699 10.6159 13.7686 9.35112 11.988 9.35112C9.73717 9.35112 6.69613 12.4057 7.10319 16.2C7.42904 19.2372 10.0006 23.3113 15.5798 21.8795C15.5798 21.8795 14.5262 22.5 11.581 22.5C6.36089 22.5 1.5 17.7273 1.5 12.2625C1.5 12.1177 1.50221 11.9757 1.50666 11.8365C1.62701 10.0787 3.39177 6.43976 7.91733 6.43976Z"
-        fill="url(#paint2_radial_716_8450)"
-      />
-      <path
-        d="M14.9299 22.1247C17.9191 21.3093 20.0546 18.7654 20.4408 18.2522C20.8718 17.6795 20.9915 17.3216 20.8718 17.2022C20.7521 17.0829 20.5844 17.1068 20.1534 17.3216C19.7224 17.5363 17.1842 18.5863 14.2868 17.7034C11.3895 16.8204 9.402 14.5295 9.402 12C9.402 10.0432 11.0782 9.35111 11.9881 9.3511C9.73723 9.3511 6.69618 12.4057 7.10325 16.2C7.42909 19.2372 10.0006 23.3113 15.5799 21.8795C15.5799 21.8795 15.3854 21.9941 14.9299 22.1247Z"
-        fill="#0E458A"
-      />
-      <path
-        d="M14.9299 22.1247C17.9191 21.3093 20.0546 18.7654 20.4408 18.2522C20.8718 17.6795 20.9915 17.3216 20.8718 17.2022C20.7521 17.0829 20.5844 17.1068 20.1534 17.3216C19.7224 17.5363 17.1842 18.5863 14.2868 17.7034C11.3895 16.8204 9.402 14.5295 9.402 12C9.402 10.0432 11.0782 9.35111 11.9881 9.3511C9.73723 9.3511 6.69618 12.4057 7.10325 16.2C7.42909 19.2372 10.0006 23.3113 15.5799 21.8795C15.5799 21.8795 15.3854 21.9941 14.9299 22.1247Z"
-        fill="url(#paint3_radial_716_8450)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_716_8450"
-          x1="21.2788"
-          y1="13.9091"
-          x2="0.741144"
-          y2="9.05735"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#3BCC50" />
-          <stop offset="0.489583" stopColor="#2ABAD6" />
-          <stop offset="1" stopColor="#7DCFE7" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_716_8450"
-          x1="8.53991"
-          y1="6.43976"
-          x2="8.53991"
-          y2="22.5"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#035989" />
-          <stop offset="0.265625" stopColor="#1175B6" />
-          <stop offset="1" stopColor="#0470CF" />
-        </linearGradient>
-        <radialGradient
-          id="paint2_radial_716_8450"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(8.20467 14.2432) rotate(59.2143) scale(7.11114 7.12274)"
-        >
-          <stop stopColor="#1284D8" />
-          <stop offset="0.813899" stopColor="#1170B2" stopOpacity="0.767762" />
-          <stop offset="1" stopColor="#0E649B" stopOpacity="0.65" />
-        </radialGradient>
-        <radialGradient
-          id="paint3_radial_716_8450"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(13.9995 16.2) rotate(77.9982) scale(5.75767 6.21618)"
-        >
-          <stop stopColor="#104890" />
-          <stop offset="0.69943" stopColor="#12529E" stopOpacity="0.70624" />
-          <stop offset="1" stopColor="#0E4584" stopOpacity="0.58" />
-        </radialGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6938 11.9045C14.6938 9.9 12.6106 6.43977 7.91733 6.43977C3.22406 6.43977 1.5 10.3534 1.5 12.0239C1.5 6.05795 6.36089 1.5 12.1317 1.5C17.9025 1.5 22.5 5.81932 22.5 10.2102C22.5 14.1239 19.5547 15.4841 17.1602 15.4841C15.5798 15.4841 13.7839 14.9591 13.7839 14.1239C13.7839 13.4795 14.6938 13.4795 14.6938 11.9045Z" fill="url(#paint0_linear_716_8450)"/>
+<path d="M7.91733 6.43976C12.6106 6.43976 14.6938 9.89999 14.6938 11.9045C14.6938 11.9201 14.6938 11.9355 14.6936 11.9508C14.6699 10.6159 13.7686 9.35112 11.988 9.35112C9.73717 9.35112 6.69613 12.4057 7.10319 16.2C7.42904 19.2372 10.0006 23.3113 15.5798 21.8795C15.5798 21.8795 14.5262 22.5 11.581 22.5C6.36089 22.5 1.5 17.7273 1.5 12.2625C1.5 12.1177 1.50221 11.9757 1.50666 11.8365C1.62701 10.0787 3.39177 6.43976 7.91733 6.43976Z" fill="url(#paint1_linear_716_8450)"/>
+<path d="M7.91733 6.43976C12.6106 6.43976 14.6938 9.89999 14.6938 11.9045C14.6938 11.9201 14.6938 11.9355 14.6936 11.9508C14.6699 10.6159 13.7686 9.35112 11.988 9.35112C9.73717 9.35112 6.69613 12.4057 7.10319 16.2C7.42904 19.2372 10.0006 23.3113 15.5798 21.8795C15.5798 21.8795 14.5262 22.5 11.581 22.5C6.36089 22.5 1.5 17.7273 1.5 12.2625C1.5 12.1177 1.50221 11.9757 1.50666 11.8365C1.62701 10.0787 3.39177 6.43976 7.91733 6.43976Z" fill="url(#paint2_radial_716_8450)"/>
+<path d="M14.9299 22.1247C17.9191 21.3093 20.0546 18.7654 20.4408 18.2522C20.8718 17.6795 20.9915 17.3216 20.8718 17.2022C20.7521 17.0829 20.5844 17.1068 20.1534 17.3216C19.7224 17.5363 17.1842 18.5863 14.2868 17.7034C11.3895 16.8204 9.402 14.5295 9.402 12C9.402 10.0432 11.0782 9.35111 11.9881 9.3511C9.73723 9.3511 6.69618 12.4057 7.10325 16.2C7.42909 19.2372 10.0006 23.3113 15.5799 21.8795C15.5799 21.8795 15.3854 21.9941 14.9299 22.1247Z" fill="#0E458A"/>
+<path d="M14.9299 22.1247C17.9191 21.3093 20.0546 18.7654 20.4408 18.2522C20.8718 17.6795 20.9915 17.3216 20.8718 17.2022C20.7521 17.0829 20.5844 17.1068 20.1534 17.3216C19.7224 17.5363 17.1842 18.5863 14.2868 17.7034C11.3895 16.8204 9.402 14.5295 9.402 12C9.402 10.0432 11.0782 9.35111 11.9881 9.3511C9.73723 9.3511 6.69618 12.4057 7.10325 16.2C7.42909 19.2372 10.0006 23.3113 15.5799 21.8795C15.5799 21.8795 15.3854 21.9941 14.9299 22.1247Z" fill="url(#paint3_radial_716_8450)"/>
+<defs>
+<linearGradient id="paint0_linear_716_8450" x1="21.2788" y1="13.9091" x2="0.741144" y2="9.05735" gradientUnits="userSpaceOnUse">
+<stop stopColor="#3BCC50"/>
+<stop offset="0.489583" stopColor="#2ABAD6"/>
+<stop offset="1" stopColor="#7DCFE7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_716_8450" x1="8.53991" y1="6.43976" x2="8.53991" y2="22.5" gradientUnits="userSpaceOnUse">
+<stop stopColor="#035989"/>
+<stop offset="0.265625" stopColor="#1175B6"/>
+<stop offset="1" stopColor="#0470CF"/>
+</linearGradient>
+<radialGradient id="paint2_radial_716_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.20467 14.2432) rotate(59.2143) scale(7.11114 7.12274)">
+<stop stopColor="#1284D8"/>
+<stop offset="0.813899" stopColor="#1170B2" stopOpacity="0.767762"/>
+<stop offset="1" stopColor="#0E649B" stopOpacity="0.65"/>
+</radialGradient>
+<radialGradient id="paint3_radial_716_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.9995 16.2) rotate(77.9982) scale(5.75767 6.21618)">
+<stop stopColor="#104890"/>
+<stop offset="0.69943" stopColor="#12529E" stopOpacity="0.70624"/>
+<stop offset="1" stopColor="#0E4584" stopOpacity="0.58"/>
+</radialGradient>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_fedora.tsx b/frontend/app/components/ui/Icons/color_fedora.tsx
index bf41daa03..97d4f9a00 100644
--- a/frontend/app/components/ui/Icons/color_fedora.tsx
+++ b/frontend/app/components/ui/Icons/color_fedora.tsx
@@ -9,22 +9,14 @@ interface Props {
 }
 
 function Color_fedora(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M22.5 12.0003C22.5 6.20121 17.7989 1.5 11.9998 1.5C6.20334 1.5 1.5041 6.19727 1.5 11.9929V20.1185C1.50312 21.4344 2.57043 22.4998 3.88719 22.4998H12.0041C17.8013 22.4975 22.5 17.7979 22.5 12.0003Z"
-        fill="#294172"
-      />
-      <path
-        d="M15.0827 3.98611C12.3667 3.98611 10.1571 6.19563 10.1571 8.91168V11.526H7.55362C4.83765 11.526 2.62805 13.7357 2.62805 16.4517C2.62805 19.1676 4.83765 21.3772 7.55362 21.3772C10.2696 21.3772 12.4792 19.1676 12.4792 16.4517V13.8372H15.0827C17.7987 13.8372 20.0083 11.6277 20.0083 8.91168C20.0083 6.19563 17.7987 3.98611 15.0827 3.98611ZM10.1753 16.4517C10.1753 17.8972 8.99926 19.0733 7.55362 19.0733C6.10798 19.0733 4.9319 17.8972 4.9319 16.4517C4.9319 15.006 6.10798 13.8299 7.55362 13.8299H10.1571V13.8372H10.1753V16.4517ZM15.0827 11.5334H12.4792V11.526H12.4611V8.91168C12.4611 7.46604 13.6371 6.28996 15.0827 6.28996C16.5282 6.28996 17.7044 7.46604 17.7044 8.91168C17.7044 10.3573 16.5282 11.5334 15.0827 11.5334Z"
-        fill="#3C6EB4"
-      />
-      <path
-        d="M16.1714 4.13546C15.7892 4.03555 15.4956 3.98895 15.0828 3.98895C12.3612 3.98895 10.1548 6.19551 10.1548 8.9169V11.5289H8.09085C7.44731 11.5289 6.92723 12.0347 6.92764 12.677C6.92764 13.3154 7.44198 13.8233 8.07871 13.8233L9.7875 13.8236C9.99036 13.8236 10.1549 13.9877 10.1549 14.1902V16.4504C10.1524 17.8852 8.98852 19.0474 7.55371 19.0474C7.06767 19.0474 6.94733 18.9838 6.61552 18.9838C5.9185 18.9838 5.45215 19.451 5.45215 20.0935C5.45231 20.625 5.90775 21.0819 6.46507 21.2277C6.84734 21.3277 7.14084 21.3743 7.55371 21.3743C10.2753 21.3743 12.4817 19.1678 12.4817 16.4463V13.8343H14.5456C15.1892 13.8343 15.7093 13.3286 15.7088 12.6862C15.7088 12.0478 15.1945 11.54 14.5578 11.54L12.849 11.5397C12.7516 11.5398 12.6583 11.5012 12.5894 11.4324C12.5204 11.3637 12.4817 11.2703 12.4816 11.173V8.9128C12.4841 7.47799 13.648 6.31577 15.0828 6.31577C15.5688 6.31577 15.6892 6.37951 16.021 6.37951C16.718 6.37951 17.1843 5.91218 17.1843 5.26979C17.1842 4.73823 16.7287 4.28131 16.1714 4.13546Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 12.0003C22.5 6.20121 17.7989 1.5 11.9998 1.5C6.20334 1.5 1.5041 6.19727 1.5 11.9929V20.1185C1.50312 21.4344 2.57043 22.4998 3.88719 22.4998H12.0041C17.8013 22.4975 22.5 17.7979 22.5 12.0003Z" fill="#294172"/>
+<path d="M15.0827 3.98611C12.3667 3.98611 10.1571 6.19563 10.1571 8.91168V11.526H7.55362C4.83765 11.526 2.62805 13.7357 2.62805 16.4517C2.62805 19.1676 4.83765 21.3772 7.55362 21.3772C10.2696 21.3772 12.4792 19.1676 12.4792 16.4517V13.8372H15.0827C17.7987 13.8372 20.0083 11.6277 20.0083 8.91168C20.0083 6.19563 17.7987 3.98611 15.0827 3.98611ZM10.1753 16.4517C10.1753 17.8972 8.99926 19.0733 7.55362 19.0733C6.10798 19.0733 4.9319 17.8972 4.9319 16.4517C4.9319 15.006 6.10798 13.8299 7.55362 13.8299H10.1571V13.8372H10.1753V16.4517ZM15.0827 11.5334H12.4792V11.526H12.4611V8.91168C12.4611 7.46604 13.6371 6.28996 15.0827 6.28996C16.5282 6.28996 17.7044 7.46604 17.7044 8.91168C17.7044 10.3573 16.5282 11.5334 15.0827 11.5334Z" fill="#3C6EB4"/>
+<path d="M16.1714 4.13546C15.7892 4.03555 15.4956 3.98895 15.0828 3.98895C12.3612 3.98895 10.1548 6.19551 10.1548 8.9169V11.5289H8.09085C7.44731 11.5289 6.92723 12.0347 6.92764 12.677C6.92764 13.3154 7.44198 13.8233 8.07871 13.8233L9.7875 13.8236C9.99036 13.8236 10.1549 13.9877 10.1549 14.1902V16.4504C10.1524 17.8852 8.98852 19.0474 7.55371 19.0474C7.06767 19.0474 6.94733 18.9838 6.61552 18.9838C5.9185 18.9838 5.45215 19.451 5.45215 20.0935C5.45231 20.625 5.90775 21.0819 6.46507 21.2277C6.84734 21.3277 7.14084 21.3743 7.55371 21.3743C10.2753 21.3743 12.4817 19.1678 12.4817 16.4463V13.8343H14.5456C15.1892 13.8343 15.7093 13.3286 15.7088 12.6862C15.7088 12.0478 15.1945 11.54 14.5578 11.54L12.849 11.5397C12.7516 11.5398 12.6583 11.5012 12.5894 11.4324C12.5204 11.3637 12.4817 11.2703 12.4816 11.173V8.9128C12.4841 7.47799 13.648 6.31577 15.0828 6.31577C15.5688 6.31577 15.6892 6.37951 16.021 6.37951C16.718 6.37951 17.1843 5.91218 17.1843 5.26979C17.1842 4.73823 16.7287 4.28131 16.1714 4.13546Z" fill="white"/>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_firefox.tsx b/frontend/app/components/ui/Icons/color_firefox.tsx
index 7c0d8d658..651994a42 100644
--- a/frontend/app/components/ui/Icons/color_firefox.tsx
+++ b/frontend/app/components/ui/Icons/color_firefox.tsx
@@ -9,234 +9,115 @@ interface Props {
 }
 
 function Color_firefox(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M21.7429 8.04486C21.2862 6.94305 20.3605 5.75354 19.6338 5.37779C20.2253 6.54011 20.5674 7.70594 20.6982 8.57582C20.6982 8.57582 20.6982 8.58196 20.7004 8.59336C19.5117 5.62332 17.4958 4.42549 15.8495 1.81805C15.766 1.68652 15.6829 1.55498 15.6015 1.41424C15.5555 1.33488 15.5184 1.26298 15.486 1.19502C15.4178 1.06318 15.3651 0.923844 15.3289 0.779812C15.3292 0.772973 15.327 0.76627 15.3226 0.761005C15.3182 0.755739 15.3121 0.752285 15.3053 0.751313C15.2989 0.749562 15.2921 0.749562 15.2856 0.751313C15.2839 0.752107 15.2823 0.75314 15.2808 0.754382C15.2782 0.754382 15.2756 0.757452 15.2729 0.758328L15.2773 0.752629C12.6362 2.30297 11.7402 5.17085 11.658 6.60588C10.6026 6.67821 9.59346 7.06769 8.76227 7.72348C8.67539 7.64986 8.58455 7.58106 8.49015 7.51741C8.25061 6.67703 8.24049 5.78762 8.46084 4.94198C7.38069 5.43523 6.54071 6.21347 5.92998 6.90227H5.92517C5.50825 6.37307 5.53756 4.62761 5.56118 4.26327C5.55637 4.24047 5.25057 4.42242 5.21119 4.45004C4.8433 4.71307 4.4994 5.00828 4.18354 5.3322C3.8241 5.69741 3.49572 6.09207 3.20182 6.51205C2.52564 7.47242 2.0461 8.55759 1.79093 9.70482C1.78612 9.72762 1.78174 9.75129 1.77693 9.77453C1.75724 9.86704 1.68593 10.3314 1.67324 10.4322V10.4554C1.58028 10.9352 1.52238 11.4211 1.5 11.9093V11.9633C1.5 17.7823 6.20735 22.5 12.0137 22.5C17.2141 22.5 21.5316 18.7162 22.3773 13.746C22.3948 13.6114 22.4092 13.4755 22.4249 13.3395C22.6341 11.5323 22.4018 9.63291 21.7429 8.04486ZM9.62455 16.2929C9.67355 16.3161 9.71992 16.342 9.77023 16.3648L9.77723 16.3692C9.72692 16.3446 9.67574 16.3192 9.62499 16.2929H9.62455ZM20.7013 8.59818V8.5881V8.5995V8.59818Z"
-        fill="url(#paint0_linear_716_8611)"
-      />
-      <path
-        d="M21.7428 8.04487C21.2861 6.94306 20.3604 5.75356 19.6337 5.37781C20.2252 6.54013 20.5673 7.70596 20.6981 8.57583V8.59732C21.6903 11.2929 21.1496 14.034 20.3709 15.7089C19.166 18.3001 16.2493 20.9562 11.6833 20.8269C6.75411 20.6866 2.40857 17.0164 1.59703 12.2132C1.44916 11.4551 1.59703 11.0706 1.6714 10.4554C1.58084 10.9294 1.54628 11.0666 1.50122 11.9093V11.9633C1.50122 17.7823 6.20857 22.5 12.0149 22.5C17.2153 22.5 21.5328 18.7162 22.3785 13.746C22.396 13.6114 22.4104 13.4755 22.4262 13.3395C22.634 11.5323 22.4017 9.63292 21.7428 8.04487Z"
-        fill="url(#paint1_radial_716_8611)"
-      />
-      <path
-        d="M21.7428 8.04487C21.2861 6.94306 20.3604 5.75356 19.6337 5.37781C20.2252 6.54013 20.5673 7.70596 20.6981 8.57583V8.59732C21.6903 11.2929 21.1496 14.034 20.3709 15.7089C19.166 18.3001 16.2493 20.9562 11.6833 20.8269C6.75411 20.6866 2.40857 17.0164 1.59703 12.2132C1.44916 11.4551 1.59703 11.0706 1.6714 10.4554C1.58084 10.9294 1.54628 11.0666 1.50122 11.9093V11.9633C1.50122 17.7823 6.20857 22.5 12.0149 22.5C17.2153 22.5 21.5328 18.7162 22.3785 13.746C22.396 13.6114 22.4104 13.4755 22.4262 13.3395C22.634 11.5323 22.4017 9.63292 21.7428 8.04487Z"
-        fill="url(#paint2_radial_716_8611)"
-      />
-      <path
-        d="M16.6336 9.28306C16.6567 9.29928 16.6773 9.3155 16.6992 9.33173C16.4353 8.86218 16.1066 8.43234 15.7227 8.05497C12.4547 4.77978 14.8661 0.953025 15.2725 0.758355L15.2769 0.752655C12.6358 2.303 11.7398 5.17087 11.6576 6.60591C11.7801 6.59758 11.9021 6.58706 12.0268 6.58706C13.9977 6.58706 15.7144 7.67352 16.6336 9.28306Z"
-        fill="url(#paint3_radial_716_8611)"
-      />
-      <path
-        d="M12.0334 9.93723C12.0163 10.2003 11.0923 11.1035 10.769 11.1035C7.77924 11.1035 7.29407 12.916 7.29407 12.916C7.42531 14.4427 8.48665 15.6997 9.77068 16.3649C9.8293 16.3951 9.88836 16.4223 9.94567 16.4495C10.0485 16.4933 10.1517 16.5372 10.2545 16.5762C10.6949 16.7318 11.156 16.8205 11.6226 16.8392C16.8628 17.0857 17.8786 10.5598 14.0965 8.66486C15.0647 8.49606 16.07 8.88672 16.6313 9.28176C15.7126 7.67222 13.9955 6.58575 12.0246 6.58575C11.8999 6.58575 11.7779 6.59628 11.6554 6.60461C10.6007 6.67784 9.59258 7.06775 8.76227 7.72352C8.92283 7.85988 9.10395 8.04139 9.485 8.41758C10.1998 9.12436 12.0294 9.85174 12.0334 9.93723Z"
-        fill="url(#paint4_radial_716_8611)"
-      />
-      <path
-        d="M12.0334 9.93723C12.0163 10.2003 11.0923 11.1035 10.769 11.1035C7.77924 11.1035 7.29407 12.916 7.29407 12.916C7.42531 14.4427 8.48665 15.6997 9.77068 16.3649C9.8293 16.3951 9.88836 16.4223 9.94567 16.4495C10.0485 16.4933 10.1517 16.5372 10.2545 16.5762C10.6949 16.7318 11.156 16.8205 11.6226 16.8392C16.8628 17.0857 17.8786 10.5598 14.0965 8.66486C15.0647 8.49606 16.07 8.88672 16.6313 9.28176C15.7126 7.67222 13.9955 6.58575 12.0246 6.58575C11.8999 6.58575 11.7779 6.59628 11.6554 6.60461C10.6007 6.67784 9.59258 7.06775 8.76227 7.72352C8.92283 7.85988 9.10395 8.04139 9.485 8.41758C10.1998 9.12436 12.0294 9.85174 12.0334 9.93723Z"
-        fill="url(#paint5_radial_716_8611)"
-      />
-      <path
-        d="M8.27355 7.3732C8.35886 7.42844 8.42886 7.47492 8.4923 7.51745C8.25276 6.67706 8.24264 5.78766 8.46298 4.94202C7.38283 5.43527 6.54286 6.21351 5.93213 6.90231C5.98156 6.90099 7.50664 6.87337 8.27355 7.3732Z"
-        fill="url(#paint6_radial_716_8611)"
-      />
-      <path
-        d="M1.5974 12.2132C2.40893 17.0163 6.75448 20.6866 11.6871 20.8269C16.2532 20.9562 19.1681 18.3001 20.3747 15.7089C21.1535 14.0336 21.6942 11.2929 20.702 8.59729V8.57713C20.702 8.57976 20.702 8.58326 20.7042 8.59466C21.0769 11.0355 19.8384 13.4 17.9021 14.999C17.9001 15.0035 17.8982 15.0081 17.8964 15.0126C14.1231 18.0918 10.5125 16.8703 9.78145 16.3718C9.7307 16.3473 9.67951 16.3218 9.62876 16.2955C7.42865 15.2433 6.51999 13.233 6.71467 11.5103C4.85754 11.5103 4.22406 9.93982 4.22406 9.93982C4.22406 9.93982 5.89176 8.74812 8.08969 9.78461C10.1253 10.7448 12.0371 9.94025 12.0371 9.93982C12.0332 9.85432 10.2036 9.12474 9.49008 8.42016C9.10903 8.04398 8.92791 7.86246 8.76735 7.7261C8.68048 7.65248 8.58964 7.58368 8.49524 7.52003C8.43268 7.47619 8.36399 7.43234 8.27649 7.37578C7.50958 6.87595 5.98451 6.90358 5.9342 6.90489H5.92938C5.51246 6.37569 5.54177 4.63024 5.56539 4.26589C5.56058 4.24309 5.25478 4.42504 5.21541 4.45266C4.84751 4.7157 4.50361 5.0109 4.18775 5.33482C3.82832 5.70003 3.49994 6.09469 3.20603 6.51468C2.52986 7.47505 2.05032 8.56021 1.79514 9.70744C1.78683 9.72761 1.41278 11.3643 1.5974 12.2132Z"
-        fill="url(#paint7_radial_716_8611)"
-      />
-      <path
-        d="M15.7227 8.05495C16.1065 8.43232 16.4353 8.86215 16.6991 9.3317C16.7538 9.37286 16.8064 9.41676 16.8566 9.46323C19.24 11.6625 17.9932 14.7759 17.8983 14.9995C19.8346 13.4005 21.0731 11.0359 20.7004 8.59511C19.5117 5.62332 17.4958 4.42549 15.8495 1.81805C15.766 1.68652 15.6829 1.55498 15.6015 1.41424C15.5555 1.33488 15.5184 1.26298 15.486 1.19502C15.4178 1.06318 15.3651 0.923844 15.3289 0.779812C15.3292 0.772973 15.327 0.76627 15.3226 0.761005C15.3182 0.755739 15.3121 0.752285 15.3053 0.751313C15.2989 0.749562 15.2921 0.749562 15.2856 0.751313C15.2839 0.752107 15.2823 0.75314 15.2808 0.754382C15.2782 0.754382 15.2756 0.757452 15.2729 0.758328C14.8661 0.952999 12.4546 4.77976 15.7227 8.05495Z"
-        fill="url(#paint8_radial_716_8611)"
-      />
-      <path
-        d="M16.8557 9.46108C16.8055 9.4146 16.7529 9.3707 16.6982 9.32955C16.6768 9.31332 16.6545 9.2971 16.6326 9.28088C16.0713 8.88628 15.066 8.49518 14.0978 8.66398C17.8794 10.5589 16.864 17.0848 11.6238 16.8384C11.1573 16.8196 10.6962 16.731 10.2558 16.5753C10.153 16.5367 10.0498 16.4942 9.94697 16.4486C9.88747 16.4214 9.82841 16.3942 9.77197 16.364L9.77897 16.3684C10.51 16.8682 14.1206 18.0897 17.8939 15.0092C17.8939 15.0092 17.8961 15.0035 17.8996 14.9956C17.9932 14.7759 19.24 11.6625 16.8557 9.46108Z"
-        fill="url(#paint9_radial_716_8611)"
-      />
-      <path
-        d="M7.29399 12.916C7.29399 12.916 7.77916 11.1035 10.7689 11.1035C11.0922 11.1035 12.0162 10.1994 12.0333 9.93724C12.0503 9.67505 10.1215 10.7422 8.08584 9.78203C5.88791 8.74554 4.22021 9.93724 4.22021 9.93724C4.22021 9.93724 4.85369 11.5078 6.71082 11.5078C6.51614 13.2304 7.4248 15.2389 9.62492 16.2929C9.67391 16.3162 9.72029 16.3421 9.7706 16.3649C8.48658 15.701 7.42655 14.4427 7.29399 12.916Z"
-        fill="url(#paint10_radial_716_8611)"
-      />
-      <path
-        d="M21.7429 8.04486C21.2862 6.94305 20.3605 5.75354 19.6338 5.37779C20.2253 6.54011 20.5674 7.70594 20.6982 8.57582C20.6982 8.57582 20.6982 8.58196 20.7004 8.59336C19.5117 5.62332 17.4958 4.42549 15.8495 1.81805C15.766 1.68652 15.6829 1.55498 15.6015 1.41424C15.5555 1.33488 15.5184 1.26298 15.486 1.19502C15.4178 1.06318 15.3651 0.923844 15.3289 0.779812C15.3292 0.772973 15.327 0.76627 15.3226 0.761005C15.3182 0.755739 15.3121 0.752285 15.3053 0.751313C15.2989 0.749562 15.2921 0.749562 15.2856 0.751313C15.2839 0.752107 15.2823 0.75314 15.2808 0.754382C15.2782 0.754382 15.2756 0.757452 15.2729 0.758328L15.2773 0.752629C12.6362 2.30297 11.7402 5.17085 11.658 6.60588C11.7805 6.59755 11.9025 6.58703 12.0272 6.58703C13.9981 6.58703 15.7148 7.6735 16.6339 9.28303C16.0727 8.88843 15.0673 8.49734 14.0992 8.66614C17.8808 10.5611 16.8654 17.0869 11.6252 16.8405C11.1586 16.8218 10.6975 16.7331 10.2572 16.5775C10.1543 16.5389 10.0511 16.4963 9.94829 16.4507C9.88879 16.4236 9.82973 16.3964 9.7733 16.3661L9.7803 16.3705C9.72955 16.346 9.67836 16.3205 9.62761 16.2942C9.67661 16.3175 9.72298 16.3433 9.7733 16.3661C8.48665 15.701 7.42662 14.4427 7.29406 12.916C7.29406 12.916 7.77923 11.1035 10.769 11.1035C11.0923 11.1035 12.0163 10.1994 12.0333 9.93719C12.0294 9.8517 10.1998 9.12212 9.4863 8.41754C9.10525 8.04135 8.92414 7.85984 8.76358 7.72348C8.6767 7.64986 8.58586 7.58106 8.49146 7.51741C8.25193 6.67703 8.2418 5.78762 8.46215 4.94198C7.382 5.43523 6.54202 6.21347 5.93129 6.90227H5.92648C5.50956 6.37307 5.53887 4.62761 5.56249 4.26327C5.55768 4.24047 5.25188 4.42242 5.21251 4.45004C4.84461 4.71307 4.50071 5.00828 4.18485 5.3322C3.82541 5.69741 3.49703 6.09207 3.20313 6.51205C2.52695 7.47242 2.04742 8.55759 1.79224 9.70482C1.78743 9.72762 1.78305 9.75129 1.77824 9.77453C1.75855 9.86704 1.66931 10.3379 1.65706 10.4388C1.65706 10.4313 1.65706 10.4467 1.65706 10.4388C1.57514 10.9253 1.52269 11.4164 1.5 11.9093V11.9633C1.5 17.7823 6.20735 22.5 12.0137 22.5C17.2141 22.5 21.5316 18.7162 22.3773 13.746C22.3948 13.6114 22.4092 13.4755 22.4249 13.3395C22.6341 11.5323 22.4018 9.63291 21.7429 8.04486ZM20.6999 8.5859V8.5973V8.5859Z"
-        fill="url(#paint11_linear_716_8611)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_716_8611"
-          x1="20.3513"
-          y1="4.11945"
-          x2="2.86044"
-          y2="20.9578"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.05" stopColor="#FFF44F" />
-          <stop offset="0.11" stopColor="#FFE847" />
-          <stop offset="0.22" stopColor="#FFC830" />
-          <stop offset="0.37" stopColor="#FF980E" />
-          <stop offset="0.4" stopColor="#FF8B16" />
-          <stop offset="0.46" stopColor="#FF672A" />
-          <stop offset="0.53" stopColor="#FF3647" />
-          <stop offset="0.7" stopColor="#E31587" />
-        </linearGradient>
-        <radialGradient
-          id="paint1_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(19.5445 3.16409) scale(21.9185 21.9666)"
-        >
-          <stop offset="0.13" stopColor="#FFBD4F" />
-          <stop offset="0.19" stopColor="#FFAC31" />
-          <stop offset="0.25" stopColor="#FF9D17" />
-          <stop offset="0.28" stopColor="#FF980E" />
-          <stop offset="0.4" stopColor="#FF563B" />
-          <stop offset="0.47" stopColor="#FF3750" />
-          <stop offset="0.71" stopColor="#F5156C" />
-          <stop offset="0.78" stopColor="#EB0878" />
-          <stop offset="0.86" stopColor="#E50080" />
-        </radialGradient>
-        <radialGradient
-          id="paint2_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(11.5354 12.1443) scale(21.9185 21.9666)"
-        >
-          <stop offset="0.3" stopColor="#960E18" />
-          <stop offset="0.35" stopColor="#B11927" stopOpacity="0.74" />
-          <stop offset="0.43" stopColor="#DB293D" stopOpacity="0.34" />
-          <stop offset="0.5" stopColor="#F5334B" stopOpacity="0.09" />
-          <stop offset="0.53" stopColor="#FF3750" stopOpacity="0" />
-        </radialGradient>
-        <radialGradient
-          id="paint3_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(14.1784 -1.82102) scale(15.879 15.9138)"
-        >
-          <stop offset="0.13" stopColor="#FFF44F" />
-          <stop offset="0.25" stopColor="#FFDC3E" />
-          <stop offset="0.51" stopColor="#FF9D12" />
-          <stop offset="0.53" stopColor="#FF980E" />
-        </radialGradient>
-        <radialGradient
-          id="paint4_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(9.11138 17.8823) scale(10.4362 10.4591)"
-        >
-          <stop offset="0.35" stopColor="#3A8EE6" />
-          <stop offset="0.47" stopColor="#5C79F0" />
-          <stop offset="0.67" stopColor="#9059FF" />
-          <stop offset="1" stopColor="#C139E6" />
-        </radialGradient>
-        <radialGradient
-          id="paint5_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(11.8503 9.53372) rotate(-13.9265) scale(5.52987 6.50889)"
-        >
-          <stop offset="0.21" stopColor="#9059FF" stopOpacity="0" />
-          <stop offset="0.28" stopColor="#8C4FF3" stopOpacity="0.06" />
-          <stop offset="0.75" stopColor="#7716A8" stopOpacity="0.45" />
-          <stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6" />
-        </radialGradient>
-        <radialGradient
-          id="paint6_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(11.2585 2.2653) scale(7.50813 7.52461)"
-        >
-          <stop stopColor="#FFE226" />
-          <stop offset="0.12" stopColor="#FFDB27" />
-          <stop offset="0.3" stopColor="#FFC82A" />
-          <stop offset="0.5" stopColor="#FFA930" />
-          <stop offset="0.73" stopColor="#FF7E37" />
-          <stop offset="0.79" stopColor="#FF7139" />
-        </radialGradient>
-        <radialGradient
-          id="paint7_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(17.1605 -2.50722) scale(32.0332 32.1034)"
-        >
-          <stop offset="0.11" stopColor="#FFF44F" />
-          <stop offset="0.46" stopColor="#FF980E" />
-          <stop offset="0.62" stopColor="#FF5634" />
-          <stop offset="0.72" stopColor="#FF3647" />
-          <stop offset="0.9" stopColor="#E31587" />
-        </radialGradient>
-        <radialGradient
-          id="paint8_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(14.0639 1.00031) rotate(84.2447) scale(23.3997 15.3407)"
-        >
-          <stop stopColor="#FFF44F" />
-          <stop offset="0.06" stopColor="#FFE847" />
-          <stop offset="0.17" stopColor="#FFC830" />
-          <stop offset="0.3" stopColor="#FF980E" />
-          <stop offset="0.36" stopColor="#FF8B16" />
-          <stop offset="0.45" stopColor="#FF672A" />
-          <stop offset="0.57" stopColor="#FF3647" />
-          <stop offset="0.74" stopColor="#E31587" />
-        </radialGradient>
-        <radialGradient
-          id="paint9_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(11.0818 5.05207) scale(19.9983 20.0422)"
-        >
-          <stop offset="0.14" stopColor="#FFF44F" />
-          <stop offset="0.48" stopColor="#FF980E" />
-          <stop offset="0.59" stopColor="#FF5634" />
-          <stop offset="0.66" stopColor="#FF3647" />
-          <stop offset="0.9" stopColor="#E31587" />
-        </radialGradient>
-        <radialGradient
-          id="paint10_radial_716_8611"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(16.3609 6.22535) scale(21.8883 21.9363)"
-        >
-          <stop offset="0.09" stopColor="#FFF44F" />
-          <stop offset="0.23" stopColor="#FFE141" />
-          <stop offset="0.51" stopColor="#FFAF1E" />
-          <stop offset="0.63" stopColor="#FF980E" />
-        </radialGradient>
-        <linearGradient
-          id="paint11_linear_716_8611"
-          x1="20.1413"
-          y1="4.02914"
-          x2="5.25782"
-          y2="18.8804"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.17" stopColor="#FFF44F" stopOpacity="0.8" />
-          <stop offset="0.27" stopColor="#FFF44F" stopOpacity="0.63" />
-          <stop offset="0.49" stopColor="#FFF44F" stopOpacity="0.22" />
-          <stop offset="0.6" stopColor="#FFF44F" stopOpacity="0" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.7429 8.04486C21.2862 6.94305 20.3605 5.75354 19.6338 5.37779C20.2253 6.54011 20.5674 7.70594 20.6982 8.57582C20.6982 8.57582 20.6982 8.58196 20.7004 8.59336C19.5117 5.62332 17.4958 4.42549 15.8495 1.81805C15.766 1.68652 15.6829 1.55498 15.6015 1.41424C15.5555 1.33488 15.5184 1.26298 15.486 1.19502C15.4178 1.06318 15.3651 0.923844 15.3289 0.779812C15.3292 0.772973 15.327 0.76627 15.3226 0.761005C15.3182 0.755739 15.3121 0.752285 15.3053 0.751313C15.2989 0.749562 15.2921 0.749562 15.2856 0.751313C15.2839 0.752107 15.2823 0.75314 15.2808 0.754382C15.2782 0.754382 15.2756 0.757452 15.2729 0.758328L15.2773 0.752629C12.6362 2.30297 11.7402 5.17085 11.658 6.60588C10.6026 6.67821 9.59346 7.06769 8.76227 7.72348C8.67539 7.64986 8.58455 7.58106 8.49015 7.51741C8.25061 6.67703 8.24049 5.78762 8.46084 4.94198C7.38069 5.43523 6.54071 6.21347 5.92998 6.90227H5.92517C5.50825 6.37307 5.53756 4.62761 5.56118 4.26327C5.55637 4.24047 5.25057 4.42242 5.21119 4.45004C4.8433 4.71307 4.4994 5.00828 4.18354 5.3322C3.8241 5.69741 3.49572 6.09207 3.20182 6.51205C2.52564 7.47242 2.0461 8.55759 1.79093 9.70482C1.78612 9.72762 1.78174 9.75129 1.77693 9.77453C1.75724 9.86704 1.68593 10.3314 1.67324 10.4322V10.4554C1.58028 10.9352 1.52238 11.4211 1.5 11.9093V11.9633C1.5 17.7823 6.20735 22.5 12.0137 22.5C17.2141 22.5 21.5316 18.7162 22.3773 13.746C22.3948 13.6114 22.4092 13.4755 22.4249 13.3395C22.6341 11.5323 22.4018 9.63291 21.7429 8.04486ZM9.62455 16.2929C9.67355 16.3161 9.71992 16.342 9.77023 16.3648L9.77723 16.3692C9.72692 16.3446 9.67574 16.3192 9.62499 16.2929H9.62455ZM20.7013 8.59818V8.5881V8.5995V8.59818Z" fill="url(#paint0_linear_716_8611)"/>
+<path d="M21.7428 8.04487C21.2861 6.94306 20.3604 5.75356 19.6337 5.37781C20.2252 6.54013 20.5673 7.70596 20.6981 8.57583V8.59732C21.6903 11.2929 21.1496 14.034 20.3709 15.7089C19.166 18.3001 16.2493 20.9562 11.6833 20.8269C6.75411 20.6866 2.40857 17.0164 1.59703 12.2132C1.44916 11.4551 1.59703 11.0706 1.6714 10.4554C1.58084 10.9294 1.54628 11.0666 1.50122 11.9093V11.9633C1.50122 17.7823 6.20857 22.5 12.0149 22.5C17.2153 22.5 21.5328 18.7162 22.3785 13.746C22.396 13.6114 22.4104 13.4755 22.4262 13.3395C22.634 11.5323 22.4017 9.63292 21.7428 8.04487Z" fill="url(#paint1_radial_716_8611)"/>
+<path d="M21.7428 8.04487C21.2861 6.94306 20.3604 5.75356 19.6337 5.37781C20.2252 6.54013 20.5673 7.70596 20.6981 8.57583V8.59732C21.6903 11.2929 21.1496 14.034 20.3709 15.7089C19.166 18.3001 16.2493 20.9562 11.6833 20.8269C6.75411 20.6866 2.40857 17.0164 1.59703 12.2132C1.44916 11.4551 1.59703 11.0706 1.6714 10.4554C1.58084 10.9294 1.54628 11.0666 1.50122 11.9093V11.9633C1.50122 17.7823 6.20857 22.5 12.0149 22.5C17.2153 22.5 21.5328 18.7162 22.3785 13.746C22.396 13.6114 22.4104 13.4755 22.4262 13.3395C22.634 11.5323 22.4017 9.63292 21.7428 8.04487Z" fill="url(#paint2_radial_716_8611)"/>
+<path d="M16.6336 9.28306C16.6567 9.29928 16.6773 9.3155 16.6992 9.33173C16.4353 8.86218 16.1066 8.43234 15.7227 8.05497C12.4547 4.77978 14.8661 0.953025 15.2725 0.758355L15.2769 0.752655C12.6358 2.303 11.7398 5.17087 11.6576 6.60591C11.7801 6.59758 11.9021 6.58706 12.0268 6.58706C13.9977 6.58706 15.7144 7.67352 16.6336 9.28306Z" fill="url(#paint3_radial_716_8611)"/>
+<path d="M12.0334 9.93723C12.0163 10.2003 11.0923 11.1035 10.769 11.1035C7.77924 11.1035 7.29407 12.916 7.29407 12.916C7.42531 14.4427 8.48665 15.6997 9.77068 16.3649C9.8293 16.3951 9.88836 16.4223 9.94567 16.4495C10.0485 16.4933 10.1517 16.5372 10.2545 16.5762C10.6949 16.7318 11.156 16.8205 11.6226 16.8392C16.8628 17.0857 17.8786 10.5598 14.0965 8.66486C15.0647 8.49606 16.07 8.88672 16.6313 9.28176C15.7126 7.67222 13.9955 6.58575 12.0246 6.58575C11.8999 6.58575 11.7779 6.59628 11.6554 6.60461C10.6007 6.67784 9.59258 7.06775 8.76227 7.72352C8.92283 7.85988 9.10395 8.04139 9.485 8.41758C10.1998 9.12436 12.0294 9.85174 12.0334 9.93723Z" fill="url(#paint4_radial_716_8611)"/>
+<path d="M12.0334 9.93723C12.0163 10.2003 11.0923 11.1035 10.769 11.1035C7.77924 11.1035 7.29407 12.916 7.29407 12.916C7.42531 14.4427 8.48665 15.6997 9.77068 16.3649C9.8293 16.3951 9.88836 16.4223 9.94567 16.4495C10.0485 16.4933 10.1517 16.5372 10.2545 16.5762C10.6949 16.7318 11.156 16.8205 11.6226 16.8392C16.8628 17.0857 17.8786 10.5598 14.0965 8.66486C15.0647 8.49606 16.07 8.88672 16.6313 9.28176C15.7126 7.67222 13.9955 6.58575 12.0246 6.58575C11.8999 6.58575 11.7779 6.59628 11.6554 6.60461C10.6007 6.67784 9.59258 7.06775 8.76227 7.72352C8.92283 7.85988 9.10395 8.04139 9.485 8.41758C10.1998 9.12436 12.0294 9.85174 12.0334 9.93723Z" fill="url(#paint5_radial_716_8611)"/>
+<path d="M8.27355 7.3732C8.35886 7.42844 8.42886 7.47492 8.4923 7.51745C8.25276 6.67706 8.24264 5.78766 8.46298 4.94202C7.38283 5.43527 6.54286 6.21351 5.93213 6.90231C5.98156 6.90099 7.50664 6.87337 8.27355 7.3732Z" fill="url(#paint6_radial_716_8611)"/>
+<path d="M1.5974 12.2132C2.40893 17.0163 6.75448 20.6866 11.6871 20.8269C16.2532 20.9562 19.1681 18.3001 20.3747 15.7089C21.1535 14.0336 21.6942 11.2929 20.702 8.59729V8.57713C20.702 8.57976 20.702 8.58326 20.7042 8.59466C21.0769 11.0355 19.8384 13.4 17.9021 14.999C17.9001 15.0035 17.8982 15.0081 17.8964 15.0126C14.1231 18.0918 10.5125 16.8703 9.78145 16.3718C9.7307 16.3473 9.67951 16.3218 9.62876 16.2955C7.42865 15.2433 6.51999 13.233 6.71467 11.5103C4.85754 11.5103 4.22406 9.93982 4.22406 9.93982C4.22406 9.93982 5.89176 8.74812 8.08969 9.78461C10.1253 10.7448 12.0371 9.94025 12.0371 9.93982C12.0332 9.85432 10.2036 9.12474 9.49008 8.42016C9.10903 8.04398 8.92791 7.86246 8.76735 7.7261C8.68048 7.65248 8.58964 7.58368 8.49524 7.52003C8.43268 7.47619 8.36399 7.43234 8.27649 7.37578C7.50958 6.87595 5.98451 6.90358 5.9342 6.90489H5.92938C5.51246 6.37569 5.54177 4.63024 5.56539 4.26589C5.56058 4.24309 5.25478 4.42504 5.21541 4.45266C4.84751 4.7157 4.50361 5.0109 4.18775 5.33482C3.82832 5.70003 3.49994 6.09469 3.20603 6.51468C2.52986 7.47505 2.05032 8.56021 1.79514 9.70744C1.78683 9.72761 1.41278 11.3643 1.5974 12.2132Z" fill="url(#paint7_radial_716_8611)"/>
+<path d="M15.7227 8.05495C16.1065 8.43232 16.4353 8.86215 16.6991 9.3317C16.7538 9.37286 16.8064 9.41676 16.8566 9.46323C19.24 11.6625 17.9932 14.7759 17.8983 14.9995C19.8346 13.4005 21.0731 11.0359 20.7004 8.59511C19.5117 5.62332 17.4958 4.42549 15.8495 1.81805C15.766 1.68652 15.6829 1.55498 15.6015 1.41424C15.5555 1.33488 15.5184 1.26298 15.486 1.19502C15.4178 1.06318 15.3651 0.923844 15.3289 0.779812C15.3292 0.772973 15.327 0.76627 15.3226 0.761005C15.3182 0.755739 15.3121 0.752285 15.3053 0.751313C15.2989 0.749562 15.2921 0.749562 15.2856 0.751313C15.2839 0.752107 15.2823 0.75314 15.2808 0.754382C15.2782 0.754382 15.2756 0.757452 15.2729 0.758328C14.8661 0.952999 12.4546 4.77976 15.7227 8.05495Z" fill="url(#paint8_radial_716_8611)"/>
+<path d="M16.8557 9.46108C16.8055 9.4146 16.7529 9.3707 16.6982 9.32955C16.6768 9.31332 16.6545 9.2971 16.6326 9.28088C16.0713 8.88628 15.066 8.49518 14.0978 8.66398C17.8794 10.5589 16.864 17.0848 11.6238 16.8384C11.1573 16.8196 10.6962 16.731 10.2558 16.5753C10.153 16.5367 10.0498 16.4942 9.94697 16.4486C9.88747 16.4214 9.82841 16.3942 9.77197 16.364L9.77897 16.3684C10.51 16.8682 14.1206 18.0897 17.8939 15.0092C17.8939 15.0092 17.8961 15.0035 17.8996 14.9956C17.9932 14.7759 19.24 11.6625 16.8557 9.46108Z" fill="url(#paint9_radial_716_8611)"/>
+<path d="M7.29399 12.916C7.29399 12.916 7.77916 11.1035 10.7689 11.1035C11.0922 11.1035 12.0162 10.1994 12.0333 9.93724C12.0503 9.67505 10.1215 10.7422 8.08584 9.78203C5.88791 8.74554 4.22021 9.93724 4.22021 9.93724C4.22021 9.93724 4.85369 11.5078 6.71082 11.5078C6.51614 13.2304 7.4248 15.2389 9.62492 16.2929C9.67391 16.3162 9.72029 16.3421 9.7706 16.3649C8.48658 15.701 7.42655 14.4427 7.29399 12.916Z" fill="url(#paint10_radial_716_8611)"/>
+<path d="M21.7429 8.04486C21.2862 6.94305 20.3605 5.75354 19.6338 5.37779C20.2253 6.54011 20.5674 7.70594 20.6982 8.57582C20.6982 8.57582 20.6982 8.58196 20.7004 8.59336C19.5117 5.62332 17.4958 4.42549 15.8495 1.81805C15.766 1.68652 15.6829 1.55498 15.6015 1.41424C15.5555 1.33488 15.5184 1.26298 15.486 1.19502C15.4178 1.06318 15.3651 0.923844 15.3289 0.779812C15.3292 0.772973 15.327 0.76627 15.3226 0.761005C15.3182 0.755739 15.3121 0.752285 15.3053 0.751313C15.2989 0.749562 15.2921 0.749562 15.2856 0.751313C15.2839 0.752107 15.2823 0.75314 15.2808 0.754382C15.2782 0.754382 15.2756 0.757452 15.2729 0.758328L15.2773 0.752629C12.6362 2.30297 11.7402 5.17085 11.658 6.60588C11.7805 6.59755 11.9025 6.58703 12.0272 6.58703C13.9981 6.58703 15.7148 7.6735 16.6339 9.28303C16.0727 8.88843 15.0673 8.49734 14.0992 8.66614C17.8808 10.5611 16.8654 17.0869 11.6252 16.8405C11.1586 16.8218 10.6975 16.7331 10.2572 16.5775C10.1543 16.5389 10.0511 16.4963 9.94829 16.4507C9.88879 16.4236 9.82973 16.3964 9.7733 16.3661L9.7803 16.3705C9.72955 16.346 9.67836 16.3205 9.62761 16.2942C9.67661 16.3175 9.72298 16.3433 9.7733 16.3661C8.48665 15.701 7.42662 14.4427 7.29406 12.916C7.29406 12.916 7.77923 11.1035 10.769 11.1035C11.0923 11.1035 12.0163 10.1994 12.0333 9.93719C12.0294 9.8517 10.1998 9.12212 9.4863 8.41754C9.10525 8.04135 8.92414 7.85984 8.76358 7.72348C8.6767 7.64986 8.58586 7.58106 8.49146 7.51741C8.25193 6.67703 8.2418 5.78762 8.46215 4.94198C7.382 5.43523 6.54202 6.21347 5.93129 6.90227H5.92648C5.50956 6.37307 5.53887 4.62761 5.56249 4.26327C5.55768 4.24047 5.25188 4.42242 5.21251 4.45004C4.84461 4.71307 4.50071 5.00828 4.18485 5.3322C3.82541 5.69741 3.49703 6.09207 3.20313 6.51205C2.52695 7.47242 2.04742 8.55759 1.79224 9.70482C1.78743 9.72762 1.78305 9.75129 1.77824 9.77453C1.75855 9.86704 1.66931 10.3379 1.65706 10.4388C1.65706 10.4313 1.65706 10.4467 1.65706 10.4388C1.57514 10.9253 1.52269 11.4164 1.5 11.9093V11.9633C1.5 17.7823 6.20735 22.5 12.0137 22.5C17.2141 22.5 21.5316 18.7162 22.3773 13.746C22.3948 13.6114 22.4092 13.4755 22.4249 13.3395C22.6341 11.5323 22.4018 9.63291 21.7429 8.04486ZM20.6999 8.5859V8.5973V8.5859Z" fill="url(#paint11_linear_716_8611)"/>
+<defs>
+<linearGradient id="paint0_linear_716_8611" x1="20.3513" y1="4.11945" x2="2.86044" y2="20.9578" gradientUnits="userSpaceOnUse">
+<stop offset="0.05" stopColor="#FFF44F"/>
+<stop offset="0.11" stopColor="#FFE847"/>
+<stop offset="0.22" stopColor="#FFC830"/>
+<stop offset="0.37" stopColor="#FF980E"/>
+<stop offset="0.4" stopColor="#FF8B16"/>
+<stop offset="0.46" stopColor="#FF672A"/>
+<stop offset="0.53" stopColor="#FF3647"/>
+<stop offset="0.7" stopColor="#E31587"/>
+</linearGradient>
+<radialGradient id="paint1_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.5445 3.16409) scale(21.9185 21.9666)">
+<stop offset="0.13" stopColor="#FFBD4F"/>
+<stop offset="0.19" stopColor="#FFAC31"/>
+<stop offset="0.25" stopColor="#FF9D17"/>
+<stop offset="0.28" stopColor="#FF980E"/>
+<stop offset="0.4" stopColor="#FF563B"/>
+<stop offset="0.47" stopColor="#FF3750"/>
+<stop offset="0.71" stopColor="#F5156C"/>
+<stop offset="0.78" stopColor="#EB0878"/>
+<stop offset="0.86" stopColor="#E50080"/>
+</radialGradient>
+<radialGradient id="paint2_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.5354 12.1443) scale(21.9185 21.9666)">
+<stop offset="0.3" stopColor="#960E18"/>
+<stop offset="0.35" stopColor="#B11927" stopOpacity="0.74"/>
+<stop offset="0.43" stopColor="#DB293D" stopOpacity="0.34"/>
+<stop offset="0.5" stopColor="#F5334B" stopOpacity="0.09"/>
+<stop offset="0.53" stopColor="#FF3750" stopOpacity="0"/>
+</radialGradient>
+<radialGradient id="paint3_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.1784 -1.82102) scale(15.879 15.9138)">
+<stop offset="0.13" stopColor="#FFF44F"/>
+<stop offset="0.25" stopColor="#FFDC3E"/>
+<stop offset="0.51" stopColor="#FF9D12"/>
+<stop offset="0.53" stopColor="#FF980E"/>
+</radialGradient>
+<radialGradient id="paint4_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.11138 17.8823) scale(10.4362 10.4591)">
+<stop offset="0.35" stopColor="#3A8EE6"/>
+<stop offset="0.47" stopColor="#5C79F0"/>
+<stop offset="0.67" stopColor="#9059FF"/>
+<stop offset="1" stopColor="#C139E6"/>
+</radialGradient>
+<radialGradient id="paint5_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.8503 9.53372) rotate(-13.9265) scale(5.52987 6.50889)">
+<stop offset="0.21" stopColor="#9059FF" stopOpacity="0"/>
+<stop offset="0.28" stopColor="#8C4FF3" stopOpacity="0.06"/>
+<stop offset="0.75" stopColor="#7716A8" stopOpacity="0.45"/>
+<stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6"/>
+</radialGradient>
+<radialGradient id="paint6_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.2585 2.2653) scale(7.50813 7.52461)">
+<stop stopColor="#FFE226"/>
+<stop offset="0.12" stopColor="#FFDB27"/>
+<stop offset="0.3" stopColor="#FFC82A"/>
+<stop offset="0.5" stopColor="#FFA930"/>
+<stop offset="0.73" stopColor="#FF7E37"/>
+<stop offset="0.79" stopColor="#FF7139"/>
+</radialGradient>
+<radialGradient id="paint7_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.1605 -2.50722) scale(32.0332 32.1034)">
+<stop offset="0.11" stopColor="#FFF44F"/>
+<stop offset="0.46" stopColor="#FF980E"/>
+<stop offset="0.62" stopColor="#FF5634"/>
+<stop offset="0.72" stopColor="#FF3647"/>
+<stop offset="0.9" stopColor="#E31587"/>
+</radialGradient>
+<radialGradient id="paint8_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.0639 1.00031) rotate(84.2447) scale(23.3997 15.3407)">
+<stop stopColor="#FFF44F"/>
+<stop offset="0.06" stopColor="#FFE847"/>
+<stop offset="0.17" stopColor="#FFC830"/>
+<stop offset="0.3" stopColor="#FF980E"/>
+<stop offset="0.36" stopColor="#FF8B16"/>
+<stop offset="0.45" stopColor="#FF672A"/>
+<stop offset="0.57" stopColor="#FF3647"/>
+<stop offset="0.74" stopColor="#E31587"/>
+</radialGradient>
+<radialGradient id="paint9_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.0818 5.05207) scale(19.9983 20.0422)">
+<stop offset="0.14" stopColor="#FFF44F"/>
+<stop offset="0.48" stopColor="#FF980E"/>
+<stop offset="0.59" stopColor="#FF5634"/>
+<stop offset="0.66" stopColor="#FF3647"/>
+<stop offset="0.9" stopColor="#E31587"/>
+</radialGradient>
+<radialGradient id="paint10_radial_716_8611" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.3609 6.22535) scale(21.8883 21.9363)">
+<stop offset="0.09" stopColor="#FFF44F"/>
+<stop offset="0.23" stopColor="#FFE141"/>
+<stop offset="0.51" stopColor="#FFAF1E"/>
+<stop offset="0.63" stopColor="#FF980E"/>
+</radialGradient>
+<linearGradient id="paint11_linear_716_8611" x1="20.1413" y1="4.02914" x2="5.25782" y2="18.8804" gradientUnits="userSpaceOnUse">
+<stop offset="0.17" stopColor="#FFF44F" stopOpacity="0.8"/>
+<stop offset="0.27" stopColor="#FFF44F" stopOpacity="0.63"/>
+<stop offset="0.49" stopColor="#FFF44F" stopOpacity="0.22"/>
+<stop offset="0.6" stopColor="#FFF44F" stopOpacity="0"/>
+</linearGradient>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_fr.tsx b/frontend/app/components/ui/Icons/color_fr.tsx
index 902c97eeb..ef8ab49a4 100644
--- a/frontend/app/components/ui/Icons/color_fr.tsx
+++ b/frontend/app/components/ui/Icons/color_fr.tsx
@@ -9,36 +9,22 @@ interface Props {
 }
 
 function Color_fr(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20176)">
-        <rect y="0.600098" width="24" height="24" rx="12" fill="#FFF8D5" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18 0.600098H28V24.6001H18V0.600098Z"
-          fill="#F50100"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.600098H8V24.6001H-4V0.600098Z"
-          fill="#2E42A5"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M6 0.600098H18V24.6001H6V0.600098Z"
-          fill="#F7FCFF"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20176">
-          <rect y="0.600098" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20176)">
+<rect y="0.600098" width="24" height="24" rx="12" fill="#FFF8D5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M18 0.600098H28V24.6001H18V0.600098Z" fill="#F50100"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.600098H8V24.6001H-4V0.600098Z" fill="#2E42A5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M6 0.600098H18V24.6001H6V0.600098Z" fill="#F7FCFF"/>
+</g>
+<defs>
+<clipPath id="clip0_475_20176">
+<rect y="0.600098" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_gb.tsx b/frontend/app/components/ui/Icons/color_gb.tsx
index 85447ad7b..655df9c9f 100644
--- a/frontend/app/components/ui/Icons/color_gb.tsx
+++ b/frontend/app/components/ui/Icons/color_gb.tsx
@@ -9,75 +9,34 @@ interface Props {
 }
 
 function Color_gb(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20166)">
-        <rect y="0.199951" width="24" height="24" rx="12" fill="#FFF2E8" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.199951V24.2H28V0.199951H-4Z"
-          fill="#2E42A5"
-        />
-        <mask
-          id="mask0_475_20166"
-          maskUnits="userSpaceOnUse"
-          x="-4"
-          y="0"
-          width="32"
-          height="25"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 0.199951V24.2H28V0.199951H-4Z"
-            fill="white"
-          />
-        </mask>
-        <g mask="url(#mask0_475_20166)">
-          <path
-            d="M-7.56323 22.4853L-0.521543 25.4634L28.1597 3.43776L31.874 -0.987722L24.344 -1.98308L12.6456 7.50839L3.22956 13.9034L-7.56323 22.4853Z"
-            fill="white"
-          />
-          <path
-            d="M-6.59924 24.5718L-3.01183 26.3L30.5402 -1.39889H25.5031L-6.59924 24.5718Z"
-            fill="#F50100"
-          />
-          <path
-            d="M31.5631 22.4853L24.5214 25.4634L-4.15982 3.43776L-7.87415 -0.987722L-0.344074 -1.98308L11.3543 7.50839L20.7703 13.9034L31.5631 22.4853Z"
-            fill="white"
-          />
-          <path
-            d="M31.3229 23.9827L27.7355 25.7109L13.4487 13.8516L9.21293 12.5266L-8.23151 -0.972633H-3.19436L14.2403 12.2062L18.8713 13.795L31.3229 23.9827Z"
-            fill="#F50100"
-          />
-          <mask id="path-8-inside-1_475_20166" fill="white">
-            <path
-              fillRule="evenodd"
-              clipRule="evenodd"
-              d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z"
-            />
-          </mask>
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z"
-            fill="#F50100"
-          />
-          <path
-            d="M8.22215 -1.80005V-3.80005H6.22215V-1.80005H8.22215ZM15.7777 -1.80005H17.7777V-3.80005H15.7777V-1.80005ZM8.22215 8.19995V10.2H10.2222V8.19995H8.22215ZM-5.97253 8.19995V6.19995H-7.97253V8.19995H-5.97253ZM-5.97253 16.2H-7.97253V18.2H-5.97253V16.2ZM8.22215 16.2H10.2222V14.2H8.22215V16.2ZM8.22215 26.2H6.22215V28.2H8.22215V26.2ZM15.7777 26.2V28.2H17.7777V26.2H15.7777ZM15.7777 16.2V14.2H13.7777V16.2H15.7777ZM30.0275 16.2V18.2H32.0275V16.2H30.0275ZM30.0275 8.19995H32.0275V6.19995H30.0275V8.19995ZM15.7777 8.19995H13.7777V10.2H15.7777V8.19995ZM8.22215 0.199951H15.7777V-3.80005H8.22215V0.199951ZM10.2222 8.19995V-1.80005H6.22215V8.19995H10.2222ZM-5.97253 10.2H8.22215V6.19995H-5.97253V10.2ZM-3.97253 16.2V8.19995H-7.97253V16.2H-3.97253ZM8.22215 14.2H-5.97253V18.2H8.22215V14.2ZM10.2222 26.2V16.2H6.22215V26.2H10.2222ZM15.7777 24.2H8.22215V28.2H15.7777V24.2ZM13.7777 16.2V26.2H17.7777V16.2H13.7777ZM30.0275 14.2H15.7777V18.2H30.0275V14.2ZM28.0275 8.19995V16.2H32.0275V8.19995H28.0275ZM15.7777 10.2H30.0275V6.19995H15.7777V10.2ZM13.7777 -1.80005V8.19995H17.7777V-1.80005H13.7777Z"
-            fill="white"
-            mask="url(#path-8-inside-1_475_20166)"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20166">
-          <rect y="0.199951" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20166)">
+<rect y="0.199951" width="24" height="24" rx="12" fill="#FFF2E8"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.199951V24.2H28V0.199951H-4Z" fill="#2E42A5"/>
+<mask id="mask0_475_20166" maskUnits="userSpaceOnUse" x="-4" y="0" width="32" height="25">
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.199951V24.2H28V0.199951H-4Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_475_20166)">
+<path d="M-7.56323 22.4853L-0.521543 25.4634L28.1597 3.43776L31.874 -0.987722L24.344 -1.98308L12.6456 7.50839L3.22956 13.9034L-7.56323 22.4853Z" fill="white"/>
+<path d="M-6.59924 24.5718L-3.01183 26.3L30.5402 -1.39889H25.5031L-6.59924 24.5718Z" fill="#F50100"/>
+<path d="M31.5631 22.4853L24.5214 25.4634L-4.15982 3.43776L-7.87415 -0.987722L-0.344074 -1.98308L11.3543 7.50839L20.7703 13.9034L31.5631 22.4853Z" fill="white"/>
+<path d="M31.3229 23.9827L27.7355 25.7109L13.4487 13.8516L9.21293 12.5266L-8.23151 -0.972633H-3.19436L14.2403 12.2062L18.8713 13.795L31.3229 23.9827Z" fill="#F50100"/>
+<mask id="path-8-inside-1_475_20166" fill="white">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z"/>
+</mask>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.7777 -1.80005H8.22215V8.19995H-5.97253V16.2H8.22215V26.2H15.7777V16.2H30.0275V8.19995H15.7777V-1.80005Z" fill="#F50100"/>
+<path d="M8.22215 -1.80005V-3.80005H6.22215V-1.80005H8.22215ZM15.7777 -1.80005H17.7777V-3.80005H15.7777V-1.80005ZM8.22215 8.19995V10.2H10.2222V8.19995H8.22215ZM-5.97253 8.19995V6.19995H-7.97253V8.19995H-5.97253ZM-5.97253 16.2H-7.97253V18.2H-5.97253V16.2ZM8.22215 16.2H10.2222V14.2H8.22215V16.2ZM8.22215 26.2H6.22215V28.2H8.22215V26.2ZM15.7777 26.2V28.2H17.7777V26.2H15.7777ZM15.7777 16.2V14.2H13.7777V16.2H15.7777ZM30.0275 16.2V18.2H32.0275V16.2H30.0275ZM30.0275 8.19995H32.0275V6.19995H30.0275V8.19995ZM15.7777 8.19995H13.7777V10.2H15.7777V8.19995ZM8.22215 0.199951H15.7777V-3.80005H8.22215V0.199951ZM10.2222 8.19995V-1.80005H6.22215V8.19995H10.2222ZM-5.97253 10.2H8.22215V6.19995H-5.97253V10.2ZM-3.97253 16.2V8.19995H-7.97253V16.2H-3.97253ZM8.22215 14.2H-5.97253V18.2H8.22215V14.2ZM10.2222 26.2V16.2H6.22215V26.2H10.2222ZM15.7777 24.2H8.22215V28.2H15.7777V24.2ZM13.7777 16.2V26.2H17.7777V16.2H13.7777ZM30.0275 14.2H15.7777V18.2H30.0275V14.2ZM28.0275 8.19995V16.2H32.0275V8.19995H28.0275ZM15.7777 10.2H30.0275V6.19995H15.7777V10.2ZM13.7777 -1.80005V8.19995H17.7777V-1.80005H13.7777Z" fill="white" mask="url(#path-8-inside-1_475_20166)"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_475_20166">
+<rect y="0.199951" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_in.tsx b/frontend/app/components/ui/Icons/color_in.tsx
index bd39f5e46..c69825442 100644
--- a/frontend/app/components/ui/Icons/color_in.tsx
+++ b/frontend/app/components/ui/Icons/color_in.tsx
@@ -9,65 +9,29 @@ interface Props {
 }
 
 function Color_in(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20156)">
-        <rect y="0.800049" width="24" height="24" rx="12" fill="#FFF7E6" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.800049V24.8H28V0.800049H-4Z"
-          fill="#F7FCFF"
-        />
-        <mask
-          id="mask0_475_20156"
-          maskUnits="userSpaceOnUse"
-          x="-4"
-          y="0"
-          width="32"
-          height="25"
-        >
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 0.800049V24.8H28V0.800049H-4Z"
-            fill="white"
-          />
-        </mask>
-        <g mask="url(#mask0_475_20156)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 0.800049V8.80005H28V0.800049H-4Z"
-            fill="#FF8C1A"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M-4 16.8V24.8H28V16.8H-4Z"
-            fill="#5EAA22"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M8 12.8C8 15.0092 9.79086 16.8 12 16.8C14.2091 16.8 16 15.0092 16 12.8C16 10.5909 14.2091 8.80005 12 8.80005C9.79086 8.80005 8 10.5909 8 12.8ZM15 12.8C15 14.4569 13.6569 15.8 12 15.8C10.3431 15.8 9 14.4569 9 12.8C9 11.1432 10.3431 9.80005 12 9.80005C13.6569 9.80005 15 11.1432 15 12.8Z"
-            fill="#3D58DB"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.9944 13.6608L11.4236 16.7813L11.7551 13.6263L10.3282 16.4597L11.5351 13.5259L9.36777 15.8424L11.3523 13.3675L8.62014 14.9796L11.2216 13.1641L8.14587 13.9411L11.1534 12.932L7.9834 12.8111L11.1534 12.6902L8.14587 11.6811L11.2216 12.4581L8.62014 10.6426L11.3523 12.2547L9.36777 9.77975L11.5351 12.0963L10.3282 9.16252L11.7551 11.9959L11.4236 8.84088L11.9944 11.9614L12.5653 8.84088L12.2338 11.9959L13.6607 9.16252L12.4538 12.0963L14.6211 9.77975L12.6366 12.2547L15.3688 10.6426L12.7673 12.4581L15.843 11.6811L12.8355 12.6902L16.0055 12.8111L12.8355 12.932L15.843 13.9411L12.7673 13.1641L15.3688 14.9796L12.6366 13.3675L14.6211 15.8424L12.4538 13.5259L13.6607 16.4597L12.2338 13.6263L12.5653 16.7813L11.9944 13.6608Z"
-            fill="#3D58DB"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20156">
-          <rect y="0.800049" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20156)">
+<rect y="0.800049" width="24" height="24" rx="12" fill="#FFF7E6"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.800049V24.8H28V0.800049H-4Z" fill="#F7FCFF"/>
+<mask id="mask0_475_20156" maskUnits="userSpaceOnUse" x="-4" y="0" width="32" height="25">
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.800049V24.8H28V0.800049H-4Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_475_20156)">
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.800049V8.80005H28V0.800049H-4Z" fill="#FF8C1A"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 16.8V24.8H28V16.8H-4Z" fill="#5EAA22"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M8 12.8C8 15.0092 9.79086 16.8 12 16.8C14.2091 16.8 16 15.0092 16 12.8C16 10.5909 14.2091 8.80005 12 8.80005C9.79086 8.80005 8 10.5909 8 12.8ZM15 12.8C15 14.4569 13.6569 15.8 12 15.8C10.3431 15.8 9 14.4569 9 12.8C9 11.1432 10.3431 9.80005 12 9.80005C13.6569 9.80005 15 11.1432 15 12.8Z" fill="#3D58DB"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.9944 13.6608L11.4236 16.7813L11.7551 13.6263L10.3282 16.4597L11.5351 13.5259L9.36777 15.8424L11.3523 13.3675L8.62014 14.9796L11.2216 13.1641L8.14587 13.9411L11.1534 12.932L7.9834 12.8111L11.1534 12.6902L8.14587 11.6811L11.2216 12.4581L8.62014 10.6426L11.3523 12.2547L9.36777 9.77975L11.5351 12.0963L10.3282 9.16252L11.7551 11.9959L11.4236 8.84088L11.9944 11.9614L12.5653 8.84088L12.2338 11.9959L13.6607 9.16252L12.4538 12.0963L14.6211 9.77975L12.6366 12.2547L15.3688 10.6426L12.7673 12.4581L15.843 11.6811L12.8355 12.6902L16.0055 12.8111L12.8355 12.932L15.843 13.9411L12.7673 13.1641L15.3688 14.9796L12.6366 13.3675L14.6211 15.8424L12.4538 13.5259L13.6607 16.4597L12.2338 13.6263L12.5653 16.7813L11.9944 13.6608Z" fill="#3D58DB"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_475_20156">
+<rect y="0.800049" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_bad_request.tsx b/frontend/app/components/ui/Icons/color_issues_bad_request.tsx
index 29a89fc9b..2d68d36f1 100644
--- a/frontend/app/components/ui/Icons/color_issues_bad_request.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_bad_request.tsx
@@ -9,60 +9,18 @@ interface Props {
 }
 
 function Color_issues_bad_request(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M16 24H16.01"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M12.5 20.429C13.4346 19.5129 14.6912 18.9998 16 18.9998C17.3088 18.9998 18.5654 19.5129 19.5 20.429"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M9 16.8589C10.418 15.4689 12.2178 14.5324 14.17 14.1689"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M23 16.8591C22.3979 16.2688 21.7236 15.7571 20.993 15.3361"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 12.82C7.2366 11.7141 8.64809 10.821 10.177 10.177"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M26 12.82C24.4748 11.4558 22.6865 10.4182 20.7452 9.77087C18.804 9.12355 16.7508 8.88029 14.712 9.05603"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 6L26 26"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M16 24H16.01" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.5 20.429C13.4346 19.5129 14.6912 18.9998 16 18.9998C17.3088 18.9998 18.5654 19.5129 19.5 20.429" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9 16.8589C10.418 15.4689 12.2178 14.5324 14.17 14.1689" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M23 16.8591C22.3979 16.2688 21.7236 15.7571 20.993 15.3361" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 12.82C7.2366 11.7141 8.64809 10.821 10.177 10.177" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M26 12.82C24.4748 11.4558 22.6865 10.4182 20.7452 9.77087C18.804 9.12355 16.7508 8.88029 14.712 9.05603" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 6L26 26" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_click_rage.tsx b/frontend/app/components/ui/Icons/color_issues_click_rage.tsx
index a4461d625..ab28dc1ed 100644
--- a/frontend/app/components/ui/Icons/color_issues_click_rage.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_click_rage.tsx
@@ -9,39 +9,15 @@ interface Props {
 }
 
 function Color_issues_click_rage(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M20 20C20 20 18.5 18 16 18C13.5 18 12 20 12 20"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M11.5 12L14 13"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M18 13L20.5 12"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 20C20 20 18.5 18 16 18C13.5 18 12 20 12 20" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.5 12L14 13" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18 13L20.5 12" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_cpu.tsx b/frontend/app/components/ui/Icons/color_issues_cpu.tsx
index b48b4af0f..36d57cdf2 100644
--- a/frontend/app/components/ui/Icons/color_issues_cpu.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_cpu.tsx
@@ -9,81 +9,21 @@ interface Props {
 }
 
 function Color_issues_cpu(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M22 8H10C8.89543 8 8 8.89543 8 10V22C8 23.1046 8.89543 24 10 24H22C23.1046 24 24 23.1046 24 22V10C24 8.89543 23.1046 8 22 8Z"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M19 13H13V19H19V13Z"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M19 6V8"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M19 24V26"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 19H8"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 13H8"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M24 19H26"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M24 13H26"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M13 6V8"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M13 24V26"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M22 8H10C8.89543 8 8 8.89543 8 10V22C8 23.1046 8.89543 24 10 24H22C23.1046 24 24 23.1046 24 22V10C24 8.89543 23.1046 8 22 8Z" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19 13H13V19H19V13Z" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19 6V8" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19 24V26" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 19H8" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 13H8" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M24 19H26" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M24 13H26" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13 6V8" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13 24V26" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_crash.tsx b/frontend/app/components/ui/Icons/color_issues_crash.tsx
index 3f42d2637..ce89cb0e3 100644
--- a/frontend/app/components/ui/Icons/color_issues_crash.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_crash.tsx
@@ -9,46 +9,16 @@ interface Props {
 }
 
 function Color_issues_crash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M13 17C13.5523 17 14 16.5523 14 16C14 15.4477 13.5523 15 13 15C12.4477 15 12 15.4477 12 16C12 16.5523 12.4477 17 13 17Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M19 17C19.5523 17 20 16.5523 20 16C20 15.4477 19.5523 15 19 15C18.4477 15 18 15.4477 18 16C18 16.5523 18.4477 17 19 17Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M12 24V26H20V24"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16.5 21L16 20L15.5 21H16.5Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M20 24C20.3767 23.9998 20.7457 23.8932 21.0644 23.6924C21.3832 23.4917 21.6388 23.2051 21.8018 22.8655C21.9648 22.5259 22.0286 22.1471 21.9858 21.7729C21.943 21.3986 21.7954 21.0441 21.56 20.75C22.706 19.6423 23.495 18.2175 23.8258 16.6584C24.1566 15.0993 24.0142 13.4769 23.4168 11.9993C22.8194 10.5217 21.7942 9.25619 20.4728 8.36509C19.1513 7.474 17.5938 6.99792 16 6.99792C14.4062 6.99792 12.8487 7.474 11.5272 8.36509C10.2058 9.25619 9.18065 10.5217 8.58324 11.9993C7.98584 13.4769 7.84341 15.0993 8.17423 16.6584C8.50505 18.2175 9.29403 19.6423 10.44 20.75C10.2046 21.0441 10.057 21.3986 10.0142 21.7729C9.97141 22.1471 10.0352 22.5259 10.1982 22.8655C10.3612 23.2051 10.6168 23.4917 10.9356 23.6924C11.2543 23.8932 11.6233 23.9998 12 24"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M13 17C13.5523 17 14 16.5523 14 16C14 15.4477 13.5523 15 13 15C12.4477 15 12 15.4477 12 16C12 16.5523 12.4477 17 13 17Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19 17C19.5523 17 20 16.5523 20 16C20 15.4477 19.5523 15 19 15C18.4477 15 18 15.4477 18 16C18 16.5523 18.4477 17 19 17Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 24V26H20V24" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.5 21L16 20L15.5 21H16.5Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 24C20.3767 23.9998 20.7457 23.8932 21.0644 23.6924C21.3832 23.4917 21.6388 23.2051 21.8018 22.8655C21.9648 22.5259 22.0286 22.1471 21.9858 21.7729C21.943 21.3986 21.7954 21.0441 21.56 20.75C22.706 19.6423 23.495 18.2175 23.8258 16.6584C24.1566 15.0993 24.0142 13.4769 23.4168 11.9993C22.8194 10.5217 21.7942 9.25619 20.4728 8.36509C19.1513 7.474 17.5938 6.99792 16 6.99792C14.4062 6.99792 12.8487 7.474 11.5272 8.36509C10.2058 9.25619 9.18065 10.5217 8.58324 11.9993C7.98584 13.4769 7.84341 15.0993 8.17423 16.6584C8.50505 18.2175 9.29403 19.6423 10.44 20.75C10.2046 21.0441 10.057 21.3986 10.0142 21.7729C9.97141 22.1471 10.0352 22.5259 10.1982 22.8655C10.3612 23.2051 10.6168 23.4917 10.9356 23.6924C11.2543 23.8932 11.6233 23.9998 12 24" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_custom.tsx b/frontend/app/components/ui/Icons/color_issues_custom.tsx
index 0598bc234..ee45b9ac2 100644
--- a/frontend/app/components/ui/Icons/color_issues_custom.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_custom.tsx
@@ -9,39 +9,15 @@ interface Props {
 }
 
 function Color_issues_custom(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M16 13V17"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 21H16.01"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M20 22L26 16L20 10"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M12 10L6 16L12 22"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M16 13V17" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 21H16.01" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 22L26 16L20 10" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 10L6 16L12 22" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_dead_click.tsx b/frontend/app/components/ui/Icons/color_issues_dead_click.tsx
index d03f5217b..e9e484ea5 100644
--- a/frontend/app/components/ui/Icons/color_issues_dead_click.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_dead_click.tsx
@@ -9,81 +9,21 @@ interface Props {
 }
 
 function Color_issues_dead_click(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M9 7C8.46957 7 7.96086 7.21071 7.58579 7.58579C7.21071 7.96086 7 8.46957 7 9"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M23 7C23.5304 7 24.0391 7.21071 24.4142 7.58579C24.7893 7.96086 25 8.46957 25 9"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 16L20 26L21.7 21.7L26 20L16 16Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M9 25C8.46957 25 7.96086 24.7893 7.58579 24.4142C7.21071 24.0391 7 23.5304 7 23"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M13 7H14"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M13 25H15"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M18 7H19"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M7 13V14"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M25 13V15"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M7 18V19"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M9 7C8.46957 7 7.96086 7.21071 7.58579 7.58579C7.21071 7.96086 7 8.46957 7 9" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M23 7C23.5304 7 24.0391 7.21071 24.4142 7.58579C24.7893 7.96086 25 8.46957 25 9" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 16L20 26L21.7 21.7L26 20L16 16Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9 25C8.46957 25 7.96086 24.7893 7.58579 24.4142C7.21071 24.0391 7 23.5304 7 23" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13 7H14" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13 25H15" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18 7H19" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7 13V14" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M25 13V15" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7 18V19" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_errors.tsx b/frontend/app/components/ui/Icons/color_issues_errors.tsx
index 7f42042b1..eb3d4f282 100644
--- a/frontend/app/components/ui/Icons/color_issues_errors.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_errors.tsx
@@ -9,32 +9,14 @@ interface Props {
 }
 
 function Color_issues_errors(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 12V16"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 20H16.01"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 12V16" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 20H16.01" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_excessive_scrolling.tsx b/frontend/app/components/ui/Icons/color_issues_excessive_scrolling.tsx
index 6f9d2dbb6..fc18db055 100644
--- a/frontend/app/components/ui/Icons/color_issues_excessive_scrolling.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_excessive_scrolling.tsx
@@ -9,32 +9,14 @@ interface Props {
 }
 
 function Color_issues_excessive_scrolling(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M11 6H21"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M9 10H23"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M23 14H9C7.89543 14 7 14.8954 7 16V24C7 25.1046 7.89543 26 9 26H23C24.1046 26 25 25.1046 25 24V16C25 14.8954 24.1046 14 23 14Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M11 6H21" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M9 10H23" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M23 14H9C7.89543 14 7 14.8954 7 16V24C7 25.1046 7.89543 26 9 26H23C24.1046 26 25 25.1046 25 24V16C25 14.8954 24.1046 14 23 14Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_js_exception.tsx b/frontend/app/components/ui/Icons/color_issues_js_exception.tsx
index 5aa4494ca..9e15c438d 100644
--- a/frontend/app/components/ui/Icons/color_issues_js_exception.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_js_exception.tsx
@@ -9,32 +9,14 @@ interface Props {
 }
 
 function Color_issues_js_exception(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 12V16"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 20H16.01"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 12V16" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 20H16.01" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_memory.tsx b/frontend/app/components/ui/Icons/color_issues_memory.tsx
index 31a6c2e8f..2ca3854ce 100644
--- a/frontend/app/components/ui/Icons/color_issues_memory.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_memory.tsx
@@ -9,74 +9,20 @@ interface Props {
 }
 
 function Color_issues_memory(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M10 23V20"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M14 23V20"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M18 23V20"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M22 23V20"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M12 15V13"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M20 15V13"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 15V13"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 19H26"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M6 11C6 10.4696 6.21071 9.96086 6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V12.1C25.5858 12.222 25.2222 12.4748 24.9635 12.8206C24.7049 13.1664 24.5651 13.5867 24.5651 14.0185C24.5651 14.4503 24.7049 14.8706 24.9635 15.2164C25.2222 15.5622 25.5858 15.815 26 15.937V21C26 21.5304 25.7893 22.0391 25.4142 22.4142C25.0391 22.7893 24.5304 23 24 23H8C7.46957 23 6.96086 22.7893 6.58579 22.4142C6.21071 22.0391 6 21.5304 6 21V15.9C6.41423 15.778 6.77784 15.5252 7.03648 15.1794C7.29512 14.8336 7.43488 14.4133 7.43488 13.9815C7.43488 13.5497 7.29512 13.1294 7.03648 12.7836C6.77784 12.4378 6.41423 12.185 6 12.063V11Z"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M10 23V20" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 23V20" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18 23V20" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M22 23V20" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 15V13" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 15V13" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 15V13" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 19H26" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6 11C6 10.4696 6.21071 9.96086 6.58579 9.58579C6.96086 9.21071 7.46957 9 8 9H24C24.5304 9 25.0391 9.21071 25.4142 9.58579C25.7893 9.96086 26 10.4696 26 11V12.1C25.5858 12.222 25.2222 12.4748 24.9635 12.8206C24.7049 13.1664 24.5651 13.5867 24.5651 14.0185C24.5651 14.4503 24.7049 14.8706 24.9635 15.2164C25.2222 15.5622 25.5858 15.815 26 15.937V21C26 21.5304 25.7893 22.0391 25.4142 22.4142C25.0391 22.7893 24.5304 23 24 23H8C7.46957 23 6.96086 22.7893 6.58579 22.4142C6.21071 22.0391 6 21.5304 6 21V15.9C6.41423 15.778 6.77784 15.5252 7.03648 15.1794C7.29512 14.8336 7.43488 14.4133 7.43488 13.9815C7.43488 13.5497 7.29512 13.1294 7.03648 12.7836C6.77784 12.4378 6.41423 12.185 6 12.063V11Z" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_missing_resource.tsx b/frontend/app/components/ui/Icons/color_issues_missing_resource.tsx
index ce8dd89cc..3c278e4df 100644
--- a/frontend/app/components/ui/Icons/color_issues_missing_resource.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_missing_resource.tsx
@@ -9,53 +9,17 @@ interface Props {
 }
 
 function Color_issues_missing_resource(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M6 6L26 26"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M14.41 14.41C14.2242 14.5958 14.0036 14.7432 13.7608 14.8437C13.518 14.9443 13.2578 14.9961 12.995 14.9961C12.7322 14.9961 12.472 14.9443 12.2292 14.8437C11.9864 14.7432 11.7658 14.5958 11.58 14.41C11.3942 14.2241 11.2468 14.0035 11.1462 13.7607C11.0457 13.518 10.9939 13.2577 10.9939 12.995C10.9939 12.7322 11.0457 12.472 11.1462 12.2292C11.2468 11.9864 11.3942 11.7658 11.58 11.58"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M17.5 17.5L10 25"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M22 16L25 19"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M7.59 7.58997C7.40358 7.77451 7.25548 7.99408 7.15423 8.23606C7.05298 8.47804 7.00056 8.73766 7 8.99997V23C7 23.5304 7.21071 24.0391 7.58579 24.4142C7.96086 24.7893 8.46957 25 9 25H23C23.55 25 24.052 24.78 24.41 24.41"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M25 19V9C25 8.46957 24.7893 7.96086 24.4142 7.58579C24.0391 7.21071 23.5304 7 23 7H13"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M6 6L26 26" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.41 14.41C14.2242 14.5958 14.0036 14.7432 13.7608 14.8437C13.518 14.9443 13.2578 14.9961 12.995 14.9961C12.7322 14.9961 12.472 14.9443 12.2292 14.8437C11.9864 14.7432 11.7658 14.5958 11.58 14.41C11.3942 14.2241 11.2468 14.0035 11.1462 13.7607C11.0457 13.518 10.9939 13.2577 10.9939 12.995C10.9939 12.7322 11.0457 12.472 11.1462 12.2292C11.2468 11.9864 11.3942 11.7658 11.58 11.58" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.5 17.5L10 25" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M22 16L25 19" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.59 7.58997C7.40358 7.77451 7.25548 7.99408 7.15423 8.23606C7.05298 8.47804 7.00056 8.73766 7 8.99997V23C7 23.5304 7.21071 24.0391 7.58579 24.4142C7.96086 24.7893 8.46957 25 9 25H23C23.55 25 24.052 24.78 24.41 24.41" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M25 19V9C25 8.46957 24.7893 7.96086 24.4142 7.58579C24.0391 7.21071 23.5304 7 23 7H13" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_mouse_thrashing.tsx b/frontend/app/components/ui/Icons/color_issues_mouse_thrashing.tsx
index ec8f12c11..d31303626 100644
--- a/frontend/app/components/ui/Icons/color_issues_mouse_thrashing.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_mouse_thrashing.tsx
@@ -9,25 +9,13 @@ interface Props {
 }
 
 function Color_issues_mouse_thrashing(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M23 13C23 9.13401 19.866 6 16 6C12.134 6 9 9.13401 9 13V19C9 22.866 12.134 26 16 26C19.866 26 23 22.866 23 19V13Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M16 10V14"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M23 13C23 9.13401 19.866 6 16 6C12.134 6 9 9.13401 9 13V19C9 22.866 12.134 26 16 26C19.866 26 23 22.866 23 19V13Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 10V14" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_issues_slow_page_load.tsx b/frontend/app/components/ui/Icons/color_issues_slow_page_load.tsx
index 32cf7e3e3..cbfeb159d 100644
--- a/frontend/app/components/ui/Icons/color_issues_slow_page_load.tsx
+++ b/frontend/app/components/ui/Icons/color_issues_slow_page_load.tsx
@@ -9,93 +9,28 @@ interface Props {
 }
 
 function Color_issues_slow_page_load(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M18.5 6H10C9.46957 6 8.96086 6.21071 8.58579 6.58579C8.21071 6.96086 8 7.46957 8 8V24C8 24.5304 8.21071 25.0391 8.58579 25.4142C8.96086 25.7893 9.46957 26 10 26H22C22.5304 26 23.0391 25.7893 23.4142 25.4142C23.7893 25.0391 24 24.5304 24 24V11.5L18.5 6Z"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M18 6L18.8092 11.0911L24 12"
-        stroke="black"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <g clipPath="url(#clip0_458_14755)">
-        <path
-          d="M16 13.8334V15.5"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M17.75 16.25L18.9583 15.0416"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M18.5 18H20.1667"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M17.75 19.75L18.9583 20.9583"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M16 20.5V22.1667"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M13.0416 20.9583L14.25 19.75"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M11.8334 18H13.5"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M13.0416 15.0416L14.25 16.25"
-          stroke="black"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_458_14755">
-          <rect
-            width="10"
-            height="10"
-            fill="white"
-            transform="translate(11 13)"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M18.5 6H10C9.46957 6 8.96086 6.21071 8.58579 6.58579C8.21071 6.96086 8 7.46957 8 8V24C8 24.5304 8.21071 25.0391 8.58579 25.4142C8.96086 25.7893 9.46957 26 10 26H22C22.5304 26 23.0391 25.7893 23.4142 25.4142C23.7893 25.0391 24 24.5304 24 24V11.5L18.5 6Z" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18 6L18.8092 11.0911L24 12" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<g clipPath="url(#clip0_458_14755)">
+<path d="M16 13.8334V15.5" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.75 16.25L18.9583 15.0416" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M18.5 18H20.1667" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17.75 19.75L18.9583 20.9583" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16 20.5V22.1667" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.0416 20.9583L14.25 19.75" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.8334 18H13.5" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.0416 15.0416L14.25 16.25" stroke="black" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_458_14755">
+<rect width="10" height="10" fill="white" transform="translate(11 13)"/>
+</clipPath>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_microsoft.tsx b/frontend/app/components/ui/Icons/color_microsoft.tsx
index 5cc9963fd..105f90c1b 100644
--- a/frontend/app/components/ui/Icons/color_microsoft.tsx
+++ b/frontend/app/components/ui/Icons/color_microsoft.tsx
@@ -9,14 +9,15 @@ interface Props {
 }
 
 function Color_microsoft(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <rect x="12.75" y="12.75" width="7.5" height="7.5" fill="#FEBA08" />
-      <rect x="3.75" y="12.75" width="7.5" height="7.5" fill="#05A6F0" />
-      <rect x="12.75" y="3.75" width="7.5" height="7.5" fill="#80BC06" />
-      <rect x="3.75" y="3.75" width="7.5" height="7.5" fill="#F25325" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="12.75" y="12.75" width="7.5" height="7.5" fill="#FEBA08"/>
+<rect x="3.75" y="12.75" width="7.5" height="7.5" fill="#05A6F0"/>
+<rect x="12.75" y="3.75" width="7.5" height="7.5" fill="#80BC06"/>
+<rect x="3.75" y="3.75" width="7.5" height="7.5" fill="#F25325"/>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_opera.tsx b/frontend/app/components/ui/Icons/color_opera.tsx
index b1a9d979d..82a1a6218 100644
--- a/frontend/app/components/ui/Icons/color_opera.tsx
+++ b/frontend/app/components/ui/Icons/color_opera.tsx
@@ -9,46 +9,27 @@ interface Props {
 }
 
 function Color_opera(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M8.54648 17.9145C7.38164 16.5445 6.63516 14.5184 6.58594 12.2461V11.7539C6.63516 9.48164 7.38984 7.45547 8.54648 6.08555C10.0559 4.1332 12.2707 3.25547 14.7727 3.25547C16.3148 3.25547 17.7668 3.36211 18.9973 4.18242C17.1516 2.51719 14.7152 1.5082 12.041 1.5H12C6.20039 1.5 1.5 6.20039 1.5 12C1.5 17.6273 5.92969 22.2293 11.4996 22.4918C11.6637 22.5 11.8359 22.5 12 22.5C14.6906 22.5 17.1434 21.491 18.9973 19.8258C17.7668 20.6461 16.3969 20.6789 14.8547 20.6789C12.3609 20.6871 10.0477 19.875 8.54648 17.9145Z"
-        fill="url(#paint0_linear_716_8633)"
-      />
-      <path
-        d="M8.54651 6.08554C9.50627 4.94531 10.7531 4.26445 12.1149 4.26445C15.1746 4.26445 17.652 7.72617 17.652 12.0082C17.652 16.2902 15.1746 19.7519 12.1149 19.7519C10.7531 19.7519 9.51448 19.0629 8.54651 17.9309C10.0559 19.8832 12.2953 21.1301 14.7891 21.1301C16.3231 21.1301 17.7668 20.6625 18.9973 19.8422C21.1465 17.9062 22.5 15.109 22.5 12C22.5 8.89101 21.1465 6.09374 18.9973 4.17421C17.7668 3.3539 16.3313 2.88632 14.7891 2.88632C12.2871 2.88632 10.0477 4.12499 8.54651 6.08554Z"
-        fill="url(#paint1_linear_716_8633)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_716_8633"
-          x1="10.2492"
-          y1="1.8423"
-          x2="10.2492"
-          y2="22.1945"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.3" stopColor="#FF1B2D" />
-          <stop offset="0.4381" stopColor="#FA1A2C" />
-          <stop offset="0.5939" stopColor="#ED1528" />
-          <stop offset="0.7581" stopColor="#D60E21" />
-          <stop offset="0.9272" stopColor="#B70519" />
-          <stop offset="1" stopColor="#A70014" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_716_8633"
-          x1="15.5219"
-          y1="3.04194"
-          x2="15.5219"
-          y2="21.0423"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#9C0000" />
-          <stop offset="0.7" stopColor="#FF4B4B" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.54648 17.9145C7.38164 16.5445 6.63516 14.5184 6.58594 12.2461V11.7539C6.63516 9.48164 7.38984 7.45547 8.54648 6.08555C10.0559 4.1332 12.2707 3.25547 14.7727 3.25547C16.3148 3.25547 17.7668 3.36211 18.9973 4.18242C17.1516 2.51719 14.7152 1.5082 12.041 1.5H12C6.20039 1.5 1.5 6.20039 1.5 12C1.5 17.6273 5.92969 22.2293 11.4996 22.4918C11.6637 22.5 11.8359 22.5 12 22.5C14.6906 22.5 17.1434 21.491 18.9973 19.8258C17.7668 20.6461 16.3969 20.6789 14.8547 20.6789C12.3609 20.6871 10.0477 19.875 8.54648 17.9145Z" fill="url(#paint0_linear_716_8633)"/>
+<path d="M8.54651 6.08554C9.50627 4.94531 10.7531 4.26445 12.1149 4.26445C15.1746 4.26445 17.652 7.72617 17.652 12.0082C17.652 16.2902 15.1746 19.7519 12.1149 19.7519C10.7531 19.7519 9.51448 19.0629 8.54651 17.9309C10.0559 19.8832 12.2953 21.1301 14.7891 21.1301C16.3231 21.1301 17.7668 20.6625 18.9973 19.8422C21.1465 17.9062 22.5 15.109 22.5 12C22.5 8.89101 21.1465 6.09374 18.9973 4.17421C17.7668 3.3539 16.3313 2.88632 14.7891 2.88632C12.2871 2.88632 10.0477 4.12499 8.54651 6.08554Z" fill="url(#paint1_linear_716_8633)"/>
+<defs>
+<linearGradient id="paint0_linear_716_8633" x1="10.2492" y1="1.8423" x2="10.2492" y2="22.1945" gradientUnits="userSpaceOnUse">
+<stop offset="0.3" stopColor="#FF1B2D"/>
+<stop offset="0.4381" stopColor="#FA1A2C"/>
+<stop offset="0.5939" stopColor="#ED1528"/>
+<stop offset="0.7581" stopColor="#D60E21"/>
+<stop offset="0.9272" stopColor="#B70519"/>
+<stop offset="1" stopColor="#A70014"/>
+</linearGradient>
+<linearGradient id="paint1_linear_716_8633" x1="15.5219" y1="3.04194" x2="15.5219" y2="21.0423" gradientUnits="userSpaceOnUse">
+<stop stopColor="#9C0000"/>
+<stop offset="0.7" stopColor="#FF4B4B"/>
+</linearGradient>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_android.tsx b/frontend/app/components/ui/Icons/color_os_android.tsx
index 1712a7ccc..4e1d96be2 100644
--- a/frontend/app/components/ui/Icons/color_os_android.tsx
+++ b/frontend/app/components/ui/Icons/color_os_android.tsx
@@ -9,28 +9,14 @@ interface Props {
 }
 
 function Color_os_android(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="5 3 22 26">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12.5915 3.88444C13.6002 3.32107 14.7626 3 16 3C17.2374 3 18.3998 3.32107 19.4085 3.88444L20.1464 3.14645C20.3417 2.95118 20.6583 2.95118 20.8536 3.14645C21.0488 3.34171 21.0488 3.65829 20.8536 3.85355L20.2612 4.44595C21.9266 5.72558 23 7.73743 23 10H9C9 7.73743 10.0734 5.72558 11.7388 4.44595L11.1464 3.85355C10.9512 3.65829 10.9512 3.34171 11.1464 3.14645C11.3417 2.95118 11.6583 2.95118 11.8536 3.14645L12.5915 3.88444ZM14 7C14 7.55228 13.5523 8 13 8C12.4477 8 12 7.55228 12 7C12 6.44772 12.4477 6 13 6C13.5523 6 14 6.44772 14 7ZM19 8C19.5523 8 20 7.55228 20 7C20 6.44772 19.5523 6 19 6C18.4477 6 18 6.44772 18 7C18 7.55228 18.4477 8 19 8Z"
-        fill="#87C527"
-      />
-      <path
-        d="M5 12.5C5 11.6716 5.67157 11 6.5 11C7.32843 11 8 11.6716 8 12.5V18.5C8 19.3284 7.32843 20 6.5 20C5.67157 20 5 19.3284 5 18.5V12.5Z"
-        fill="#87C527"
-      />
-      <path
-        d="M12 24V27.5C12 28.3284 12.6716 29 13.5 29C14.3284 29 15 28.3284 15 27.5V24H17V27.5C17 28.3284 17.6716 29 18.5 29C19.3284 29 20 28.3284 20 27.5V24H21C22.1046 24 23 23.1046 23 22V11H9V22C9 23.1046 9.89543 24 11 24H12Z"
-        fill="#87C527"
-      />
-      <path
-        d="M24 12.5C24 11.6716 24.6716 11 25.5 11C26.3284 11 27 11.6716 27 12.5V18.5C27 19.3284 26.3284 20 25.5 20C24.6716 20 24 19.3284 24 18.5V12.5Z"
-        fill="#87C527"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="5 3 22 26">
+<path fillRule="evenodd" clipRule="evenodd" d="M12.5915 3.88444C13.6002 3.32107 14.7626 3 16 3C17.2374 3 18.3998 3.32107 19.4085 3.88444L20.1464 3.14645C20.3417 2.95118 20.6583 2.95118 20.8536 3.14645C21.0488 3.34171 21.0488 3.65829 20.8536 3.85355L20.2612 4.44595C21.9266 5.72558 23 7.73743 23 10H9C9 7.73743 10.0734 5.72558 11.7388 4.44595L11.1464 3.85355C10.9512 3.65829 10.9512 3.34171 11.1464 3.14645C11.3417 2.95118 11.6583 2.95118 11.8536 3.14645L12.5915 3.88444ZM14 7C14 7.55228 13.5523 8 13 8C12.4477 8 12 7.55228 12 7C12 6.44772 12.4477 6 13 6C13.5523 6 14 6.44772 14 7ZM19 8C19.5523 8 20 7.55228 20 7C20 6.44772 19.5523 6 19 6C18.4477 6 18 6.44772 18 7C18 7.55228 18.4477 8 19 8Z" fill="#87C527"/>
+<path d="M5 12.5C5 11.6716 5.67157 11 6.5 11C7.32843 11 8 11.6716 8 12.5V18.5C8 19.3284 7.32843 20 6.5 20C5.67157 20 5 19.3284 5 18.5V12.5Z" fill="#87C527"/>
+<path d="M12 24V27.5C12 28.3284 12.6716 29 13.5 29C14.3284 29 15 28.3284 15 27.5V24H17V27.5C17 28.3284 17.6716 29 18.5 29C19.3284 29 20 28.3284 20 27.5V24H21C22.1046 24 23 23.1046 23 22V11H9V22C9 23.1046 9.89543 24 11 24H12Z" fill="#87C527"/>
+<path d="M24 12.5C24 11.6716 24.6716 11 25.5 11C26.3284 11 27 11.6716 27 12.5V18.5C27 19.3284 26.3284 20 25.5 20C24.6716 20 24 19.3284 24 18.5V12.5Z" fill="#87C527"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_apple.tsx b/frontend/app/components/ui/Icons/color_os_apple.tsx
index 0050bbd74..23b17a755 100644
--- a/frontend/app/components/ui/Icons/color_os_apple.tsx
+++ b/frontend/app/components/ui/Icons/color_os_apple.tsx
@@ -9,18 +9,12 @@ interface Props {
 }
 
 function Color_os_apple(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z"
-        fill="#283544"
-      />
-      <path
-        d="M22.5621 12.4574C22.4857 12.502 20.6671 13.4425 20.6671 15.5279C20.7528 17.9061 22.9621 18.7401 23 18.7401C22.9621 18.7847 22.6665 19.8763 21.7907 21.0205C21.0956 22.0062 20.3242 23 19.1528 23C18.0385 23 17.6385 22.3431 16.3528 22.3431C14.972 22.3431 14.5813 23 13.5242 23C12.3528 23 11.5242 21.953 10.7913 20.9766C9.8391 19.6986 9.02978 17.6931 9.00121 15.7675C8.98195 14.7471 9.19189 13.744 9.72481 12.8921C10.477 11.7026 11.8198 10.8952 13.2863 10.8686C14.4099 10.8333 15.4099 11.5875 16.0956 11.5875C16.7528 11.5875 17.9814 10.8686 19.3714 10.8686C19.9714 10.8692 21.5714 11.0376 22.5621 12.4574ZM16.0006 10.6649C15.8006 9.73303 16.3528 8.80119 16.8671 8.20677C17.5242 7.48792 18.5621 7 19.4571 7C19.5143 7.93185 19.1522 8.84575 18.505 9.51136C17.9242 10.2302 16.9242 10.7714 16.0006 10.6649Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="#283544"/>
+<path d="M22.5621 12.4574C22.4857 12.502 20.6671 13.4425 20.6671 15.5279C20.7528 17.9061 22.9621 18.7401 23 18.7401C22.9621 18.7847 22.6665 19.8763 21.7907 21.0205C21.0956 22.0062 20.3242 23 19.1528 23C18.0385 23 17.6385 22.3431 16.3528 22.3431C14.972 22.3431 14.5813 23 13.5242 23C12.3528 23 11.5242 21.953 10.7913 20.9766C9.8391 19.6986 9.02978 17.6931 9.00121 15.7675C8.98195 14.7471 9.19189 13.744 9.72481 12.8921C10.477 11.7026 11.8198 10.8952 13.2863 10.8686C14.4099 10.8333 15.4099 11.5875 16.0956 11.5875C16.7528 11.5875 17.9814 10.8686 19.3714 10.8686C19.9714 10.8692 21.5714 11.0376 22.5621 12.4574ZM16.0006 10.6649C15.8006 9.73303 16.3528 8.80119 16.8671 8.20677C17.5242 7.48792 18.5621 7 19.4571 7C19.5143 7.93185 19.1522 8.84575 18.505 9.51136C17.9242 10.2302 16.9242 10.7714 16.0006 10.6649Z" fill="white"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_elementary.tsx b/frontend/app/components/ui/Icons/color_os_elementary.tsx
index d62edfd76..3283dff2a 100644
--- a/frontend/app/components/ui/Icons/color_os_elementary.tsx
+++ b/frontend/app/components/ui/Icons/color_os_elementary.tsx
@@ -9,14 +9,11 @@ interface Props {
 }
 
 function Color_os_elementary(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M16 2C8.26945 2 2 8.26945 2 16C2 23.7305 8.26945 30 16 30C23.7305 30 30 23.7305 30 16C30 8.26945 23.7305 2 16 2ZM15.9745 3.33509H15.9771C15.9847 3.33608 15.9924 3.33608 16 3.33509C21.7884 3.33509 26.6705 7.21945 28.18 12.5204C26.8819 15.1893 25.0581 17.5685 22.818 19.5153C21.74 20.4482 20.5615 21.2755 19.2671 21.8596C17.9715 22.4425 16.5485 22.7747 15.1345 22.6945C14.1248 22.6341 13.1396 22.3595 12.2442 21.8889C14.6962 20.5438 16.8855 18.7675 18.7071 16.6453C19.9238 15.2249 20.9865 13.6035 21.3989 11.7669C21.6089 10.848 21.6407 9.88327 21.4498 8.958C21.2636 8.02347 20.8237 7.15824 20.1784 6.45709C19.5336 5.78467 18.7171 5.30142 17.8175 5.05964C16.9231 4.82153 15.9866 4.7876 15.0773 4.96036C13.2662 5.29255 11.6498 6.34255 10.3618 7.64327C8.08745 9.93418 6.68364 13.1669 6.942 16.3933C7.07182 18.0058 7.60891 19.5891 8.53545 20.9165C8.71745 21.1775 8.91982 21.4231 9.12982 21.6598C7.85448 22.1009 6.53898 22.4159 5.20218 22.6004C4.02929 20.6835 3.38784 18.4889 3.34374 16.242C3.29964 13.9952 3.85447 11.7771 4.95124 9.81567C6.048 7.85422 7.64716 6.22009 9.58445 5.08117C11.5217 3.94225 13.7273 3.33958 15.9745 3.33509ZM16.0636 5.906C16.0687 5.90473 16.084 5.90855 16.0789 5.90727C16.9596 5.90727 17.8442 6.17582 18.5429 6.70527C19.1712 7.19131 19.6437 7.85048 19.9022 8.60164C20.1617 9.3568 20.2452 10.1613 20.1465 10.9536C19.9645 12.5356 19.1665 13.9929 18.1955 15.272C16.4722 17.5349 14.1787 19.3485 11.6295 20.6175C11.3876 20.7384 11.1382 20.8555 10.8887 20.9662C10.3561 20.4936 9.90466 19.9368 9.55236 19.318C8.80145 17.9893 8.55455 16.4111 8.69964 14.8864C8.84727 13.3604 9.36909 11.8878 10.0767 10.5209C10.8951 8.93764 12.0062 7.44345 13.5538 6.58818C14.3205 6.15399 15.1839 5.919 16.0649 5.90473L16.0636 5.906ZM28.5745 14.5733C28.628 15.0404 28.6649 15.5138 28.6649 15.9949C28.6649 22.9911 22.9987 28.6624 16.0013 28.6624C14.1609 28.663 12.3427 28.2613 10.674 27.4852C9.00533 26.7091 7.52653 25.5775 6.34127 24.1696C7.72478 23.8451 9.07536 23.3935 10.3758 22.8205C10.9625 23.2609 11.6065 23.6275 12.2938 23.8896C14.3175 24.666 16.6109 24.5515 18.6524 23.8451C20.6925 23.1387 22.4973 21.8736 24.0691 20.4024C25.8712 18.7112 27.3921 16.7435 28.5745 14.5733Z"
-        fill="black"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M16 2C8.26945 2 2 8.26945 2 16C2 23.7305 8.26945 30 16 30C23.7305 30 30 23.7305 30 16C30 8.26945 23.7305 2 16 2ZM15.9745 3.33509H15.9771C15.9847 3.33608 15.9924 3.33608 16 3.33509C21.7884 3.33509 26.6705 7.21945 28.18 12.5204C26.8819 15.1893 25.0581 17.5685 22.818 19.5153C21.74 20.4482 20.5615 21.2755 19.2671 21.8596C17.9715 22.4425 16.5485 22.7747 15.1345 22.6945C14.1248 22.6341 13.1396 22.3595 12.2442 21.8889C14.6962 20.5438 16.8855 18.7675 18.7071 16.6453C19.9238 15.2249 20.9865 13.6035 21.3989 11.7669C21.6089 10.848 21.6407 9.88327 21.4498 8.958C21.2636 8.02347 20.8237 7.15824 20.1784 6.45709C19.5336 5.78467 18.7171 5.30142 17.8175 5.05964C16.9231 4.82153 15.9866 4.7876 15.0773 4.96036C13.2662 5.29255 11.6498 6.34255 10.3618 7.64327C8.08745 9.93418 6.68364 13.1669 6.942 16.3933C7.07182 18.0058 7.60891 19.5891 8.53545 20.9165C8.71745 21.1775 8.91982 21.4231 9.12982 21.6598C7.85448 22.1009 6.53898 22.4159 5.20218 22.6004C4.02929 20.6835 3.38784 18.4889 3.34374 16.242C3.29964 13.9952 3.85447 11.7771 4.95124 9.81567C6.048 7.85422 7.64716 6.22009 9.58445 5.08117C11.5217 3.94225 13.7273 3.33958 15.9745 3.33509ZM16.0636 5.906C16.0687 5.90473 16.084 5.90855 16.0789 5.90727C16.9596 5.90727 17.8442 6.17582 18.5429 6.70527C19.1712 7.19131 19.6437 7.85048 19.9022 8.60164C20.1617 9.3568 20.2452 10.1613 20.1465 10.9536C19.9645 12.5356 19.1665 13.9929 18.1955 15.272C16.4722 17.5349 14.1787 19.3485 11.6295 20.6175C11.3876 20.7384 11.1382 20.8555 10.8887 20.9662C10.3561 20.4936 9.90466 19.9368 9.55236 19.318C8.80145 17.9893 8.55455 16.4111 8.69964 14.8864C8.84727 13.3604 9.36909 11.8878 10.0767 10.5209C10.8951 8.93764 12.0062 7.44345 13.5538 6.58818C14.3205 6.15399 15.1839 5.919 16.0649 5.90473L16.0636 5.906ZM28.5745 14.5733C28.628 15.0404 28.6649 15.5138 28.6649 15.9949C28.6649 22.9911 22.9987 28.6624 16.0013 28.6624C14.1609 28.663 12.3427 28.2613 10.674 27.4852C9.00533 26.7091 7.52653 25.5775 6.34127 24.1696C7.72478 23.8451 9.07536 23.3935 10.3758 22.8205C10.9625 23.2609 11.6065 23.6275 12.2938 23.8896C14.3175 24.666 16.6109 24.5515 18.6524 23.8451C20.6925 23.1387 22.4973 21.8736 24.0691 20.4024C25.8712 18.7112 27.3921 16.7435 28.5745 14.5733Z" fill="black"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_fedora.tsx b/frontend/app/components/ui/Icons/color_os_fedora.tsx
index 88dfc4f34..b0f44be63 100644
--- a/frontend/app/components/ui/Icons/color_os_fedora.tsx
+++ b/frontend/app/components/ui/Icons/color_os_fedora.tsx
@@ -9,22 +9,13 @@ interface Props {
 }
 
 function Color_os_fedora(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30 16.0004C30 8.26828 23.7318 2 15.9998 2C8.27112 2 2.00547 8.26303 2 15.9906V26.8246C2.00416 28.5792 3.42723 29.9997 5.18292 29.9997H16.0055C23.735 29.9966 30 23.7305 30 16.0004Z"
-        fill="#294172"
-      />
-      <path
-        d="M20.1103 5.31482C16.489 5.31482 13.5429 8.26083 13.5429 11.8822V15.368H10.0715C6.45024 15.368 3.50412 18.3143 3.50412 21.9356C3.50412 25.5567 6.45024 28.503 10.0715 28.503C13.6928 28.503 16.639 25.5567 16.639 21.9356V18.4497H20.1103C23.7316 18.4497 26.6778 15.5035 26.6778 11.8822C26.6778 8.26083 23.7316 5.31482 20.1103 5.31482ZM13.5672 21.9356C13.5672 23.863 11.9991 25.4311 10.0715 25.4311C8.14403 25.4311 6.57592 23.863 6.57592 21.9356C6.57592 20.008 8.14403 18.4399 10.0715 18.4399H13.5429V18.4497H13.5672V21.9356ZM20.1103 15.3779H16.639V15.368H16.6148V11.8822C16.6148 9.95473 18.1829 8.38662 20.1103 8.38662C22.0377 8.38662 23.6059 9.95473 23.6059 11.8822C23.6059 13.8098 22.0377 15.3779 20.1103 15.3779Z"
-        fill="#3C6EB4"
-      />
-      <path
-        d="M21.5618 5.51395C21.0521 5.38073 20.6608 5.3186 20.1103 5.3186C16.4816 5.3186 13.5396 8.26068 13.5396 11.8892V15.3719H10.7877C9.92969 15.3719 9.23625 16.0462 9.2368 16.9027C9.2368 17.7539 9.92258 18.431 10.7715 18.431L13.0499 18.4315C13.3204 18.4315 13.5398 18.6502 13.5398 18.9203V21.9339C13.5364 23.8469 11.9846 25.3966 10.0715 25.3966C9.4235 25.3966 9.26305 25.3117 8.82063 25.3117C7.89127 25.3117 7.26947 25.9347 7.26947 26.7913C7.26969 27.5 7.87694 28.1092 8.62003 28.3036C9.12972 28.4369 9.52106 28.4991 10.0715 28.4991C13.7003 28.4991 16.6423 25.557 16.6423 21.9284V18.4458H19.3941C20.2522 18.4458 20.9456 17.7715 20.9451 16.915C20.9451 16.0637 20.2593 15.3867 19.4103 15.3867L17.1319 15.3862C17.0021 15.3864 16.8776 15.3349 16.7857 15.2432C16.6939 15.1516 16.6422 15.0271 16.642 14.8973V11.8837C16.6454 9.97065 18.1972 8.42103 20.1103 8.42103C20.7584 8.42103 20.9188 8.50601 21.3612 8.50601C22.2906 8.50601 22.9124 7.8829 22.9124 7.02639C22.9122 6.31763 22.3049 5.70842 21.5618 5.51395Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30 16.0004C30 8.26828 23.7318 2 15.9998 2C8.27112 2 2.00547 8.26303 2 15.9906V26.8246C2.00416 28.5792 3.42723 29.9997 5.18292 29.9997H16.0055C23.735 29.9966 30 23.7305 30 16.0004Z" fill="#294172"/>
+<path d="M20.1103 5.31482C16.489 5.31482 13.5429 8.26083 13.5429 11.8822V15.368H10.0715C6.45024 15.368 3.50412 18.3143 3.50412 21.9356C3.50412 25.5567 6.45024 28.503 10.0715 28.503C13.6928 28.503 16.639 25.5567 16.639 21.9356V18.4497H20.1103C23.7316 18.4497 26.6778 15.5035 26.6778 11.8822C26.6778 8.26083 23.7316 5.31482 20.1103 5.31482ZM13.5672 21.9356C13.5672 23.863 11.9991 25.4311 10.0715 25.4311C8.14403 25.4311 6.57592 23.863 6.57592 21.9356C6.57592 20.008 8.14403 18.4399 10.0715 18.4399H13.5429V18.4497H13.5672V21.9356ZM20.1103 15.3779H16.639V15.368H16.6148V11.8822C16.6148 9.95473 18.1829 8.38662 20.1103 8.38662C22.0377 8.38662 23.6059 9.95473 23.6059 11.8822C23.6059 13.8098 22.0377 15.3779 20.1103 15.3779Z" fill="#3C6EB4"/>
+<path d="M21.5618 5.51395C21.0521 5.38073 20.6608 5.3186 20.1103 5.3186C16.4816 5.3186 13.5396 8.26068 13.5396 11.8892V15.3719H10.7877C9.92969 15.3719 9.23625 16.0462 9.2368 16.9027C9.2368 17.7539 9.92258 18.431 10.7715 18.431L13.0499 18.4315C13.3204 18.4315 13.5398 18.6502 13.5398 18.9203V21.9339C13.5364 23.8469 11.9846 25.3966 10.0715 25.3966C9.4235 25.3966 9.26305 25.3117 8.82063 25.3117C7.89127 25.3117 7.26947 25.9347 7.26947 26.7913C7.26969 27.5 7.87694 28.1092 8.62003 28.3036C9.12972 28.4369 9.52106 28.4991 10.0715 28.4991C13.7003 28.4991 16.6423 25.557 16.6423 21.9284V18.4458H19.3941C20.2522 18.4458 20.9456 17.7715 20.9451 16.915C20.9451 16.0637 20.2593 15.3867 19.4103 15.3867L17.1319 15.3862C17.0021 15.3864 16.8776 15.3349 16.7857 15.2432C16.6939 15.1516 16.6422 15.0271 16.642 14.8973V11.8837C16.6454 9.97065 18.1972 8.42103 20.1103 8.42103C20.7584 8.42103 20.9188 8.50601 21.3612 8.50601C22.2906 8.50601 22.9124 7.8829 22.9124 7.02639C22.9122 6.31763 22.3049 5.70842 21.5618 5.51395Z" fill="white"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_ios.tsx b/frontend/app/components/ui/Icons/color_os_ios.tsx
index bf8ac2a7f..facd839ad 100644
--- a/frontend/app/components/ui/Icons/color_os_ios.tsx
+++ b/frontend/app/components/ui/Icons/color_os_ios.tsx
@@ -9,26 +9,14 @@ interface Props {
 }
 
 function Color_os_ios(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z"
-        fill="#283544"
-      />
-      <path
-        d="M7.08597 20.8394H8.61506V13.7443H7.08597V20.8394ZM7.84745 12.8139C8.3203 12.8139 8.70103 12.4123 8.70103 11.9103C8.70103 11.3949 8.3203 11 7.84745 11C7.38074 11 7 11.3949 7 11.9103C7 12.4123 7.38074 12.8139 7.84745 12.8139Z"
-        fill="white"
-      />
-      <path
-        d="M13.9577 11.0201C11.3723 11.0201 9.75113 12.9411 9.75113 16.0134C9.75113 19.0857 11.3723 21 13.9577 21C16.5368 21 18.158 19.0857 18.158 16.0134C18.158 12.9411 16.5368 11.0201 13.9577 11.0201ZM13.9577 12.4926C15.5359 12.4926 16.543 13.8581 16.543 16.0134C16.543 18.162 15.5359 19.5274 13.9577 19.5274C12.3733 19.5274 11.3723 18.162 11.3723 16.0134C11.3723 13.8581 12.3733 12.4926 13.9577 12.4926Z"
-        fill="white"
-      />
-      <path
-        d="M19.0608 18.1218C19.1283 19.9023 20.467 21 22.5058 21C24.649 21 26 19.8487 26 18.0147C26 16.5756 25.2385 15.7657 23.4392 15.3173L22.4198 15.0629C21.3329 14.7818 20.8846 14.407 20.8846 13.7644C20.8846 12.9612 21.5601 12.4257 22.5611 12.4257C23.5743 12.4257 24.2683 12.9679 24.342 13.8715H25.8526C25.8158 12.1714 24.5262 11.0201 22.5734 11.0201C20.6451 11.0201 19.2757 12.178 19.2757 13.8916C19.2757 15.2704 20.0495 16.1272 21.6829 16.5355L22.8313 16.83C23.9489 17.1178 24.4034 17.5194 24.4034 18.2155C24.4034 19.0187 23.6603 19.5944 22.5918 19.5944C21.511 19.5944 20.6942 19.012 20.596 18.1218H19.0608Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="#283544"/>
+<path d="M7.08597 20.8394H8.61506V13.7443H7.08597V20.8394ZM7.84745 12.8139C8.3203 12.8139 8.70103 12.4123 8.70103 11.9103C8.70103 11.3949 8.3203 11 7.84745 11C7.38074 11 7 11.3949 7 11.9103C7 12.4123 7.38074 12.8139 7.84745 12.8139Z" fill="white"/>
+<path d="M13.9577 11.0201C11.3723 11.0201 9.75113 12.9411 9.75113 16.0134C9.75113 19.0857 11.3723 21 13.9577 21C16.5368 21 18.158 19.0857 18.158 16.0134C18.158 12.9411 16.5368 11.0201 13.9577 11.0201ZM13.9577 12.4926C15.5359 12.4926 16.543 13.8581 16.543 16.0134C16.543 18.162 15.5359 19.5274 13.9577 19.5274C12.3733 19.5274 11.3723 18.162 11.3723 16.0134C11.3723 13.8581 12.3733 12.4926 13.9577 12.4926Z" fill="white"/>
+<path d="M19.0608 18.1218C19.1283 19.9023 20.467 21 22.5058 21C24.649 21 26 19.8487 26 18.0147C26 16.5756 25.2385 15.7657 23.4392 15.3173L22.4198 15.0629C21.3329 14.7818 20.8846 14.407 20.8846 13.7644C20.8846 12.9612 21.5601 12.4257 22.5611 12.4257C23.5743 12.4257 24.2683 12.9679 24.342 13.8715H25.8526C25.8158 12.1714 24.5262 11.0201 22.5734 11.0201C20.6451 11.0201 19.2757 12.178 19.2757 13.8916C19.2757 15.2704 20.0495 16.1272 21.6829 16.5355L22.8313 16.83C23.9489 17.1178 24.4034 17.5194 24.4034 18.2155C24.4034 19.0187 23.6603 19.5944 22.5918 19.5944C21.511 19.5944 20.6942 19.012 20.596 18.1218H19.0608Z" fill="white"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_linux.tsx b/frontend/app/components/ui/Icons/color_os_linux.tsx
index 01d29ed18..c8ddf900a 100644
--- a/frontend/app/components/ui/Icons/color_os_linux.tsx
+++ b/frontend/app/components/ui/Icons/color_os_linux.tsx
@@ -9,292 +9,99 @@ interface Props {
 }
 
 function Color_os_linux(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z"
-        fill="white"
-      />
-      <path
-        d="M11.3067 21.91C11.1815 21.7232 11.0718 21.4713 10.9828 21.1699C9.37615 19.358 10.6173 16.6916 11.8451 14.881C11.9627 14.6874 12.091 14.5004 12.2303 14.3215C13.167 13.1577 13.4094 12.3478 13.4814 11.2521C13.49 11.0481 13.4731 10.7781 13.4537 10.4678C13.3546 8.8837 13.19 6.25174 16.0163 6.0184C19.5493 5.72669 19.2615 8.97105 19.2354 10.8732C19.2343 10.9519 19.2333 11.0285 19.2325 11.1024C19.2229 12.249 19.8213 13.0341 20.446 13.8535C20.6741 14.1528 20.9057 14.4566 21.1124 14.7843C21.1186 14.794 21.1247 14.8038 21.1308 14.8135C22.2223 16.3877 23.2998 18.737 21.7999 20.9653C21.5892 21.7259 21.2699 22.424 20.8439 22.9921C19.314 25.0052 17.9543 24.8008 16.8924 24.6412C16.5721 24.5931 16.2789 24.549 16.0163 24.5711C15.5802 24.5977 15.2306 24.6682 14.9286 24.7292C13.7613 24.9648 13.3051 25.0569 11.3067 21.91Z"
-        fill="black"
-      />
-      <path
-        d="M18.0142 7.7947C17.9814 8.7271 16.9923 9.53699 15.8067 9.61186C14.6211 9.68672 13.691 8.97891 13.7238 8.04651C13.7565 7.11412 14.7456 6.30422 15.9312 6.22936C17.1168 6.1613 18.0469 6.8623 18.0142 7.7947Z"
-        fill="url(#paint0_linear_1_13597)"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.8657 10.0611C15.8751 10.5681 16.1074 11.0004 16.4335 11.1956C15.3695 11.1003 14.0513 11.4893 14.0513 12.2253C14.0348 13.4705 13.3418 15.0197 12.843 16.1348C12.7447 16.3545 12.654 16.5573 12.5775 16.7376C12.2686 17.5023 12.0834 18.3201 12.0614 19.1223C11.2435 17.9949 11.8378 16.5486 12.1582 15.9209C12.5847 15.0948 12.5765 14.9918 12.4108 15.1854C11.776 16.265 10.5803 18.4334 12.0775 19.7361C12.125 20.3178 12.2668 20.8815 12.5185 21.3996C14.5229 25.4423 18.2761 23.7816 19.5141 21.6854C19.6789 21.3874 19.812 21.0991 19.9178 20.8205C19.9797 20.8595 20.0461 20.8897 20.1168 20.9096C20.739 21.0933 21.6692 20.3923 21.8919 19.9568C22.1604 19.3783 21.8853 18.9835 20.9683 18.5139C20.9215 18.4908 20.8753 18.469 20.8297 18.4487C21.1814 16.9678 20.2123 15.4278 19.5201 14.7744C19.3909 14.7426 19.3728 14.8158 19.5731 15.0157C20.009 15.4335 20.9572 16.923 20.4442 18.3093C20.3597 18.2866 20.2784 18.2706 20.2009 18.2618C20.0433 17.316 19.6231 16.5802 19.3295 16.066C19.2629 15.9495 19.2029 15.8444 19.1539 15.7508C19.055 15.5619 18.9368 15.3663 18.8114 15.1589C18.3284 14.3596 17.739 13.3844 17.739 11.9395C17.6652 11.6216 17.3652 11.4096 16.9658 11.2925C17.4293 11.199 17.7773 10.6575 17.7652 10.0066C17.7521 9.30564 17.3133 8.74756 16.7892 8.76117C16.2652 8.77478 15.846 9.36008 15.8657 10.0611ZM16.298 10.2176C16.2914 10.6056 16.4748 10.9186 16.7172 10.9186C16.953 10.9186 17.1561 10.6056 17.1626 10.2244C17.1692 9.83649 16.9857 9.52343 16.7434 9.52343C16.501 9.52343 16.3045 9.83649 16.298 10.2176Z"
-        fill="url(#paint1_linear_1_13597)"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M14.5556 11.15C14.9355 11.1296 15.2106 10.6192 15.1779 10.0134C15.1451 9.40772 14.8111 8.93812 14.4312 8.95854C14.0513 8.97895 13.7761 9.48939 13.8089 10.0951C13.8417 10.7008 14.1757 11.1704 14.5556 11.15ZM14.7849 10.2244C14.8176 10.5443 14.6997 10.8165 14.5294 10.8438C14.3591 10.8642 14.1954 10.626 14.1626 10.3061C14.1299 9.98622 14.2478 9.71399 14.4181 9.68676C14.5884 9.66634 14.7521 9.90455 14.7849 10.2244Z"
-        fill="url(#paint2_linear_1_13597)"
-      />
-      <path
-        d="M16.3963 9.99981C16.3766 10.2176 16.4749 10.3945 16.6124 10.4082C16.75 10.4218 16.881 10.2516 16.9006 10.0406C16.9203 9.82286 16.822 9.64591 16.6845 9.63229C16.5469 9.61868 16.4159 9.78883 16.3963 9.99981Z"
-        fill="url(#paint3_linear_1_13597)"
-      />
-      <path
-        d="M14.6408 10.0542C14.6605 10.2312 14.5884 10.3877 14.4836 10.4013C14.3788 10.4149 14.2805 10.2788 14.2609 10.0951C14.2412 9.91811 14.3133 9.76158 14.4181 9.74797C14.5229 9.73436 14.6212 9.87728 14.6408 10.0542Z"
-        fill="url(#paint4_linear_1_13597)"
-      />
-      <path
-        d="M18.6692 17.1528C18.6692 18.3506 17.5622 19.9023 15.6626 19.8887C13.7041 19.9023 12.8722 18.3506 12.8722 17.1528C12.8722 15.9549 14.1692 14.9817 15.7674 14.9817C17.3722 14.9885 18.6692 15.9549 18.6692 17.1528Z"
-        fill="url(#paint5_linear_1_13597)"
-      />
-      <path
-        d="M17.6343 13.3891C17.6146 14.6278 16.8351 14.9204 15.8526 14.9204C14.8701 14.9204 14.1561 14.7367 14.0709 13.3891C14.0709 12.5452 14.8701 12.0552 15.8526 12.0552C16.8351 12.0484 17.6343 12.5384 17.6343 13.3891Z"
-        fill="url(#paint6_linear_1_13597)"
-      />
-      <path
-        d="M11.6932 15.2947C12.3351 14.2807 13.691 12.7221 11.9487 15.5125C10.5338 17.8129 11.4246 19.2898 11.8832 19.6981C13.2063 20.9232 13.1539 21.7467 12.1124 21.1001C9.87879 19.7185 10.3439 17.3909 11.6932 15.2947Z"
-        fill="url(#paint7_linear_1_13597)"
-      />
-      <path
-        d="M20.988 15.7099C20.4312 14.5189 18.6626 11.4971 21.0731 15.0089C23.2674 18.1872 21.7281 20.3991 21.453 20.6169C21.1779 20.8347 20.2543 21.2771 20.5229 20.508C20.798 19.739 22.1604 18.2825 20.988 15.7099Z"
-        fill="url(#paint8_linear_1_13597)"
-      />
-      <path
-        d="M11.2085 25.1019C9.74123 24.2921 7.61241 25.2585 8.38534 23.067C8.54254 22.5702 8.15608 21.8215 8.40499 21.3383C8.69975 20.7462 9.33512 20.8755 9.71503 20.4808C10.0884 20.0724 10.3242 19.3646 11.0251 19.4735C11.7194 19.5824 12.1845 20.4672 12.6692 21.5561C13.0294 22.332 14.3002 23.4277 14.215 24.2989C14.1102 25.6328 12.6495 25.8846 11.2085 25.1019Z"
-        fill="url(#paint9_linear_1_13597)"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M9.87664 20.6403C9.51984 21.0305 8.86452 20.937 8.60152 21.4476C8.43261 21.7755 8.61716 22.2795 8.64206 22.6386C8.67282 23.0822 8.30503 23.7109 8.49233 24.0898C8.70268 24.5153 9.65296 24.4601 10.0707 24.5211C11.1019 24.6718 12.8063 26.0064 13.7388 24.9413C14.6504 23.9 12.8982 22.5824 12.4684 21.6567C12.1889 21.0288 11.7706 19.8248 10.992 19.7026C10.4431 19.6174 10.1931 20.2942 9.87664 20.6403ZM11.0583 19.2445C12.0278 19.3965 12.5129 20.6534 12.8707 21.4571C13.4138 22.6226 15.2747 23.8753 14.0686 25.253C12.9732 26.5042 11.2438 25.1603 10.0086 24.9798C9.39166 24.8897 8.41858 24.9544 8.09576 24.3014C7.81821 23.7399 8.2362 23.2314 8.1974 22.6719C8.16434 22.1951 7.97565 21.6831 8.2077 21.2305C8.52537 20.5943 9.13864 20.7484 9.55546 20.319C9.99809 19.8327 10.2634 19.121 11.0583 19.2445Z"
-        fill="#E68C3F"
-      />
-      <path
-        d="M21.381 24.7276C22.4552 23.3733 24.846 23.6523 23.2347 21.7943C22.8941 21.3928 22.9989 20.5352 22.5797 20.1677C22.0884 19.7185 21.5447 20.0861 21.0469 19.8547C20.5491 19.6028 20.0251 19.1196 19.4159 19.4599C18.8067 19.807 18.7412 20.7054 18.6823 21.8896C18.6299 22.7403 17.8832 24.1628 18.2827 24.9454C18.8591 26.1569 20.3591 25.9935 21.381 24.7276Z"
-        fill="url(#paint10_linear_1_13597)"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M21.8101 19.698C22.0856 19.6907 22.4154 19.71 22.7252 19.9923C23.1105 20.332 23.1143 20.8865 23.2596 21.3508C23.4316 21.9007 24.0345 22.2148 23.9984 22.8595C23.9395 23.9135 22.1143 24.1673 21.5524 24.8757C21.0126 25.5445 20.3301 25.9428 19.6825 25.9964C18.7004 26.0778 17.8892 25.252 17.9467 24.2437C17.9932 23.4275 18.4091 22.6859 18.4597 21.8762C18.4889 21.2898 18.5205 20.7462 18.6265 20.3048C18.7336 19.8587 18.9266 19.4746 19.3087 19.2568C20.1457 18.7892 20.9543 19.7204 21.8101 19.698ZM19.5223 19.6635C19.2957 19.7929 19.1516 20.0314 19.0591 20.4169C18.9654 20.8071 18.9345 21.3071 18.9048 21.9044C18.8548 22.716 18.4382 23.457 18.3918 24.2711C18.3504 24.9971 18.9079 25.5959 19.6471 25.5346C20.1489 25.493 20.7277 25.1762 21.2095 24.5795C21.6401 24.0371 23.5141 23.5335 23.5533 22.8326C23.5789 22.375 22.9769 21.9457 22.8356 21.4941C22.725 21.1406 22.7191 20.593 22.4359 20.3448C22.2549 20.1793 22.0645 20.1547 21.8214 20.1611C21.1167 20.1796 20.1765 19.299 19.5223 19.6635Z"
-        fill="#E68C3F"
-      />
-      <path
-        d="M20.9159 22.9173C22.5797 20.3651 21.3417 20.3855 20.9225 20.1881C20.5032 19.9839 20.0644 19.5824 19.5731 19.8614C19.0818 20.1473 19.0556 20.8823 19.0425 21.8487C19.0229 22.5429 18.4661 23.7067 18.8002 24.3533C19.2063 25.1087 20.1888 24.013 20.9159 22.9173Z"
-        fill="url(#paint11_linear_1_13597)"
-      />
-      <path
-        d="M10.8679 23.2848C8.3788 21.6106 9.54473 21.0389 9.9181 20.7735C10.3701 20.4332 10.3766 19.7798 10.9334 19.8411C11.4901 19.9023 11.8177 20.6169 12.191 21.5017C12.4661 22.1346 13.4225 22.9785 13.3504 23.7068C13.2587 24.5643 11.9421 23.9994 10.8679 23.2848Z"
-        fill="url(#paint12_linear_1_13597)"
-      />
-      <path
-        d="M21.7478 19.9363C21.5513 20.2902 20.7521 20.8483 20.2216 20.6986C19.6779 20.5557 19.429 19.7594 19.5404 19.1605C19.6386 18.4799 20.2216 18.4459 20.9552 18.7862C21.7347 19.1537 21.977 19.4667 21.7478 19.9363Z"
-        fill="black"
-      />
-      <path
-        d="M21.2107 19.7389C21.0862 19.9839 20.5622 20.3719 20.1954 20.2698C19.8286 20.1677 19.6452 19.6164 19.7041 19.2013C19.7565 18.7317 20.1495 18.7044 20.6473 18.9358C21.1845 19.1945 21.3548 19.4122 21.2107 19.7389Z"
-        fill="url(#paint13_linear_1_13597)"
-      />
-      <path
-        d="M14.4377 10.8574C14.6997 10.6056 15.3351 9.8365 16.5404 10.6396C16.7631 10.7893 16.9465 10.8029 17.3722 10.9935C18.2303 11.361 17.8242 12.2458 16.9072 12.5452C16.5142 12.6745 16.1604 13.1714 15.453 13.1237C14.8438 13.0897 14.6866 12.6745 14.3133 12.4499C13.6517 12.062 13.5535 11.538 13.9137 11.2589C14.274 10.9799 14.4115 10.8778 14.4377 10.8574Z"
-        fill="url(#paint14_linear_1_13597)"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.9937 11.3703C13.8567 11.4764 13.8131 11.6175 13.8584 11.7735C13.9514 12.0938 14.622 12.5346 14.8788 12.7502C15.0248 12.8728 15.1918 12.97 15.4617 12.985C16.0397 13.024 16.3607 12.5793 16.8671 12.4126C17.2001 12.3039 17.9048 11.8882 17.6713 11.4119C17.4722 11.0055 16.8012 10.9804 16.4679 10.7564C15.8943 10.3742 15.4767 10.377 15.1792 10.4842C14.8532 10.6017 14.2889 11.1416 13.9937 11.3703ZM15.0915 10.2216C15.4785 10.0821 15.9816 10.1022 16.613 10.5229C17.028 10.8019 17.6594 10.775 17.9097 11.2858C18.2286 11.9366 17.4559 12.5116 16.9474 12.6777C16.4029 12.857 16.0987 13.3062 15.4451 13.2624C15.1062 13.2433 14.8888 13.1159 14.7107 12.9664C14.3412 12.6562 13.7169 12.3614 13.5742 11.8695C13.495 11.5967 13.6105 11.3205 13.8338 11.1475C14.1947 10.8679 14.6824 10.3691 15.0915 10.2216Z"
-        fill="#E68C3F"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M17.4744 11.5669C17.4771 11.618 17.4394 11.6617 17.3902 11.6645C16.6969 11.7038 16.2098 12.4949 15.4268 12.4949C14.9887 12.4949 14.6419 12.2835 14.394 12.0803C14.344 12.0393 13.9032 11.6994 13.9032 11.6128C13.9032 11.5616 13.9431 11.5201 13.9923 11.5201C14.0844 11.5201 14.3624 11.8217 14.4658 11.9065C14.6993 12.098 15.0462 12.3096 15.4268 12.3096C16.2019 12.3096 16.6775 11.5193 17.3805 11.4794C17.4297 11.4767 17.4717 11.5158 17.4744 11.5669Z"
-        fill="#E68C3F"
-      />
-      <path
-        d="M14.8439 10.7893C14.9749 10.6668 15.3875 10.3333 15.9312 10.6736C16.0491 10.7416 16.167 10.8165 16.3373 10.9186C16.6845 11.1296 16.5142 11.4358 16.0949 11.6264C15.905 11.7081 15.5906 11.885 15.3548 11.8714C15.0928 11.8442 14.9159 11.6672 14.7456 11.5515C14.4246 11.3338 14.4443 11.15 14.5949 11.0071C14.7063 10.8982 14.8308 10.7961 14.8439 10.7893Z"
-        fill="url(#paint15_linear_1_13597)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_1_13597"
-          x1="16.0581"
-          y1="6.30635"
-          x2="15.8367"
-          y2="9.30617"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.8" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint1_linear_1_13597"
-          x1="12.8966"
-          y1="22.6723"
-          x2="11.2506"
-          y2="17.2717"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FFEED7" />
-          <stop offset="1" stopColor="#BDBFC2" />
-        </linearGradient>
-        <linearGradient
-          id="paint2_linear_1_13597"
-          x1="12.8966"
-          y1="22.6723"
-          x2="11.2506"
-          y2="17.2717"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FFEED7" />
-          <stop offset="1" stopColor="#BDBFC2" />
-        </linearGradient>
-        <linearGradient
-          id="paint3_linear_1_13597"
-          x1="16.6683"
-          y1="9.65564"
-          x2="16.575"
-          y2="10.3544"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint4_linear_1_13597"
-          x1="14.4338"
-          y1="9.78294"
-          x2="14.5342"
-          y2="10.3483"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint5_linear_1_13597"
-          x1="15.7615"
-          y1="15.6308"
-          x2="15.7781"
-          y2="19.6274"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.8" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint6_linear_1_13597"
-          x1="15.85"
-          y1="13.1247"
-          x2="15.8684"
-          y2="14.7138"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint7_linear_1_13597"
-          x1="11.7196"
-          y1="14.1055"
-          x2="11.7196"
-          y2="19.9372"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint8_linear_1_13597"
-          x1="21.0329"
-          y1="13.5359"
-          x2="21.0306"
-          y2="18.8051"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint9_linear_1_13597"
-          x1="11.4281"
-          y1="22.4373"
-          x2="10.535"
-          y2="25.4213"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FFA63F" />
-          <stop offset="1" stopColor="#FFFF00" />
-        </linearGradient>
-        <linearGradient
-          id="paint10_linear_1_13597"
-          x1="19.8816"
-          y1="21.5298"
-          x2="22.2652"
-          y2="24.7799"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FFA63F" />
-          <stop offset="1" stopColor="#FFFF00" />
-        </linearGradient>
-        <linearGradient
-          id="paint11_linear_1_13597"
-          x1="20.5202"
-          y1="18.9332"
-          x2="19.6866"
-          y2="22.8604"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint12_linear_1_13597"
-          x1="11.2461"
-          y1="19.9044"
-          x2="11.4114"
-          y2="24.3241"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint13_linear_1_13597"
-          x1="20.3754"
-          y1="18.8617"
-          x2="20.5687"
-          y2="20.1823"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id="paint14_linear_1_13597"
-          x1="15.7647"
-          y1="10.7838"
-          x2="15.7809"
-          y2="13.1096"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FFA63F" />
-          <stop offset="1" stopColor="#FFFF00" />
-        </linearGradient>
-        <linearGradient
-          id="paint15_linear_1_13597"
-          x1="15.5103"
-          y1="10.5638"
-          x2="15.5059"
-          y2="11.7936"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="white" stopOpacity="0.65" />
-          <stop offset="1" stopColor="white" stopOpacity="0" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="white"/>
+<path d="M11.3067 21.91C11.1815 21.7232 11.0718 21.4713 10.9828 21.1699C9.37615 19.358 10.6173 16.6916 11.8451 14.881C11.9627 14.6874 12.091 14.5004 12.2303 14.3215C13.167 13.1577 13.4094 12.3478 13.4814 11.2521C13.49 11.0481 13.4731 10.7781 13.4537 10.4678C13.3546 8.8837 13.19 6.25174 16.0163 6.0184C19.5493 5.72669 19.2615 8.97105 19.2354 10.8732C19.2343 10.9519 19.2333 11.0285 19.2325 11.1024C19.2229 12.249 19.8213 13.0341 20.446 13.8535C20.6741 14.1528 20.9057 14.4566 21.1124 14.7843C21.1186 14.794 21.1247 14.8038 21.1308 14.8135C22.2223 16.3877 23.2998 18.737 21.7999 20.9653C21.5892 21.7259 21.2699 22.424 20.8439 22.9921C19.314 25.0052 17.9543 24.8008 16.8924 24.6412C16.5721 24.5931 16.2789 24.549 16.0163 24.5711C15.5802 24.5977 15.2306 24.6682 14.9286 24.7292C13.7613 24.9648 13.3051 25.0569 11.3067 21.91Z" fill="black"/>
+<path d="M18.0142 7.7947C17.9814 8.7271 16.9923 9.53699 15.8067 9.61186C14.6211 9.68672 13.691 8.97891 13.7238 8.04651C13.7565 7.11412 14.7456 6.30422 15.9312 6.22936C17.1168 6.1613 18.0469 6.8623 18.0142 7.7947Z" fill="url(#paint0_linear_1_13597)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M15.8657 10.0611C15.8751 10.5681 16.1074 11.0004 16.4335 11.1956C15.3695 11.1003 14.0513 11.4893 14.0513 12.2253C14.0348 13.4705 13.3418 15.0197 12.843 16.1348C12.7447 16.3545 12.654 16.5573 12.5775 16.7376C12.2686 17.5023 12.0834 18.3201 12.0614 19.1223C11.2435 17.9949 11.8378 16.5486 12.1582 15.9209C12.5847 15.0948 12.5765 14.9918 12.4108 15.1854C11.776 16.265 10.5803 18.4334 12.0775 19.7361C12.125 20.3178 12.2668 20.8815 12.5185 21.3996C14.5229 25.4423 18.2761 23.7816 19.5141 21.6854C19.6789 21.3874 19.812 21.0991 19.9178 20.8205C19.9797 20.8595 20.0461 20.8897 20.1168 20.9096C20.739 21.0933 21.6692 20.3923 21.8919 19.9568C22.1604 19.3783 21.8853 18.9835 20.9683 18.5139C20.9215 18.4908 20.8753 18.469 20.8297 18.4487C21.1814 16.9678 20.2123 15.4278 19.5201 14.7744C19.3909 14.7426 19.3728 14.8158 19.5731 15.0157C20.009 15.4335 20.9572 16.923 20.4442 18.3093C20.3597 18.2866 20.2784 18.2706 20.2009 18.2618C20.0433 17.316 19.6231 16.5802 19.3295 16.066C19.2629 15.9495 19.2029 15.8444 19.1539 15.7508C19.055 15.5619 18.9368 15.3663 18.8114 15.1589C18.3284 14.3596 17.739 13.3844 17.739 11.9395C17.6652 11.6216 17.3652 11.4096 16.9658 11.2925C17.4293 11.199 17.7773 10.6575 17.7652 10.0066C17.7521 9.30564 17.3133 8.74756 16.7892 8.76117C16.2652 8.77478 15.846 9.36008 15.8657 10.0611ZM16.298 10.2176C16.2914 10.6056 16.4748 10.9186 16.7172 10.9186C16.953 10.9186 17.1561 10.6056 17.1626 10.2244C17.1692 9.83649 16.9857 9.52343 16.7434 9.52343C16.501 9.52343 16.3045 9.83649 16.298 10.2176Z" fill="url(#paint1_linear_1_13597)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M14.5556 11.15C14.9355 11.1296 15.2106 10.6192 15.1779 10.0134C15.1451 9.40772 14.8111 8.93812 14.4312 8.95854C14.0513 8.97895 13.7761 9.48939 13.8089 10.0951C13.8417 10.7008 14.1757 11.1704 14.5556 11.15ZM14.7849 10.2244C14.8176 10.5443 14.6997 10.8165 14.5294 10.8438C14.3591 10.8642 14.1954 10.626 14.1626 10.3061C14.1299 9.98622 14.2478 9.71399 14.4181 9.68676C14.5884 9.66634 14.7521 9.90455 14.7849 10.2244Z" fill="url(#paint2_linear_1_13597)"/>
+<path d="M16.3963 9.99981C16.3766 10.2176 16.4749 10.3945 16.6124 10.4082C16.75 10.4218 16.881 10.2516 16.9006 10.0406C16.9203 9.82286 16.822 9.64591 16.6845 9.63229C16.5469 9.61868 16.4159 9.78883 16.3963 9.99981Z" fill="url(#paint3_linear_1_13597)"/>
+<path d="M14.6408 10.0542C14.6605 10.2312 14.5884 10.3877 14.4836 10.4013C14.3788 10.4149 14.2805 10.2788 14.2609 10.0951C14.2412 9.91811 14.3133 9.76158 14.4181 9.74797C14.5229 9.73436 14.6212 9.87728 14.6408 10.0542Z" fill="url(#paint4_linear_1_13597)"/>
+<path d="M18.6692 17.1528C18.6692 18.3506 17.5622 19.9023 15.6626 19.8887C13.7041 19.9023 12.8722 18.3506 12.8722 17.1528C12.8722 15.9549 14.1692 14.9817 15.7674 14.9817C17.3722 14.9885 18.6692 15.9549 18.6692 17.1528Z" fill="url(#paint5_linear_1_13597)"/>
+<path d="M17.6343 13.3891C17.6146 14.6278 16.8351 14.9204 15.8526 14.9204C14.8701 14.9204 14.1561 14.7367 14.0709 13.3891C14.0709 12.5452 14.8701 12.0552 15.8526 12.0552C16.8351 12.0484 17.6343 12.5384 17.6343 13.3891Z" fill="url(#paint6_linear_1_13597)"/>
+<path d="M11.6932 15.2947C12.3351 14.2807 13.691 12.7221 11.9487 15.5125C10.5338 17.8129 11.4246 19.2898 11.8832 19.6981C13.2063 20.9232 13.1539 21.7467 12.1124 21.1001C9.87879 19.7185 10.3439 17.3909 11.6932 15.2947Z" fill="url(#paint7_linear_1_13597)"/>
+<path d="M20.988 15.7099C20.4312 14.5189 18.6626 11.4971 21.0731 15.0089C23.2674 18.1872 21.7281 20.3991 21.453 20.6169C21.1779 20.8347 20.2543 21.2771 20.5229 20.508C20.798 19.739 22.1604 18.2825 20.988 15.7099Z" fill="url(#paint8_linear_1_13597)"/>
+<path d="M11.2085 25.1019C9.74123 24.2921 7.61241 25.2585 8.38534 23.067C8.54254 22.5702 8.15608 21.8215 8.40499 21.3383C8.69975 20.7462 9.33512 20.8755 9.71503 20.4808C10.0884 20.0724 10.3242 19.3646 11.0251 19.4735C11.7194 19.5824 12.1845 20.4672 12.6692 21.5561C13.0294 22.332 14.3002 23.4277 14.215 24.2989C14.1102 25.6328 12.6495 25.8846 11.2085 25.1019Z" fill="url(#paint9_linear_1_13597)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M9.87664 20.6403C9.51984 21.0305 8.86452 20.937 8.60152 21.4476C8.43261 21.7755 8.61716 22.2795 8.64206 22.6386C8.67282 23.0822 8.30503 23.7109 8.49233 24.0898C8.70268 24.5153 9.65296 24.4601 10.0707 24.5211C11.1019 24.6718 12.8063 26.0064 13.7388 24.9413C14.6504 23.9 12.8982 22.5824 12.4684 21.6567C12.1889 21.0288 11.7706 19.8248 10.992 19.7026C10.4431 19.6174 10.1931 20.2942 9.87664 20.6403ZM11.0583 19.2445C12.0278 19.3965 12.5129 20.6534 12.8707 21.4571C13.4138 22.6226 15.2747 23.8753 14.0686 25.253C12.9732 26.5042 11.2438 25.1603 10.0086 24.9798C9.39166 24.8897 8.41858 24.9544 8.09576 24.3014C7.81821 23.7399 8.2362 23.2314 8.1974 22.6719C8.16434 22.1951 7.97565 21.6831 8.2077 21.2305C8.52537 20.5943 9.13864 20.7484 9.55546 20.319C9.99809 19.8327 10.2634 19.121 11.0583 19.2445Z" fill="#E68C3F"/>
+<path d="M21.381 24.7276C22.4552 23.3733 24.846 23.6523 23.2347 21.7943C22.8941 21.3928 22.9989 20.5352 22.5797 20.1677C22.0884 19.7185 21.5447 20.0861 21.0469 19.8547C20.5491 19.6028 20.0251 19.1196 19.4159 19.4599C18.8067 19.807 18.7412 20.7054 18.6823 21.8896C18.6299 22.7403 17.8832 24.1628 18.2827 24.9454C18.8591 26.1569 20.3591 25.9935 21.381 24.7276Z" fill="url(#paint10_linear_1_13597)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M21.8101 19.698C22.0856 19.6907 22.4154 19.71 22.7252 19.9923C23.1105 20.332 23.1143 20.8865 23.2596 21.3508C23.4316 21.9007 24.0345 22.2148 23.9984 22.8595C23.9395 23.9135 22.1143 24.1673 21.5524 24.8757C21.0126 25.5445 20.3301 25.9428 19.6825 25.9964C18.7004 26.0778 17.8892 25.252 17.9467 24.2437C17.9932 23.4275 18.4091 22.6859 18.4597 21.8762C18.4889 21.2898 18.5205 20.7462 18.6265 20.3048C18.7336 19.8587 18.9266 19.4746 19.3087 19.2568C20.1457 18.7892 20.9543 19.7204 21.8101 19.698ZM19.5223 19.6635C19.2957 19.7929 19.1516 20.0314 19.0591 20.4169C18.9654 20.8071 18.9345 21.3071 18.9048 21.9044C18.8548 22.716 18.4382 23.457 18.3918 24.2711C18.3504 24.9971 18.9079 25.5959 19.6471 25.5346C20.1489 25.493 20.7277 25.1762 21.2095 24.5795C21.6401 24.0371 23.5141 23.5335 23.5533 22.8326C23.5789 22.375 22.9769 21.9457 22.8356 21.4941C22.725 21.1406 22.7191 20.593 22.4359 20.3448C22.2549 20.1793 22.0645 20.1547 21.8214 20.1611C21.1167 20.1796 20.1765 19.299 19.5223 19.6635Z" fill="#E68C3F"/>
+<path d="M20.9159 22.9173C22.5797 20.3651 21.3417 20.3855 20.9225 20.1881C20.5032 19.9839 20.0644 19.5824 19.5731 19.8614C19.0818 20.1473 19.0556 20.8823 19.0425 21.8487C19.0229 22.5429 18.4661 23.7067 18.8002 24.3533C19.2063 25.1087 20.1888 24.013 20.9159 22.9173Z" fill="url(#paint11_linear_1_13597)"/>
+<path d="M10.8679 23.2848C8.3788 21.6106 9.54473 21.0389 9.9181 20.7735C10.3701 20.4332 10.3766 19.7798 10.9334 19.8411C11.4901 19.9023 11.8177 20.6169 12.191 21.5017C12.4661 22.1346 13.4225 22.9785 13.3504 23.7068C13.2587 24.5643 11.9421 23.9994 10.8679 23.2848Z" fill="url(#paint12_linear_1_13597)"/>
+<path d="M21.7478 19.9363C21.5513 20.2902 20.7521 20.8483 20.2216 20.6986C19.6779 20.5557 19.429 19.7594 19.5404 19.1605C19.6386 18.4799 20.2216 18.4459 20.9552 18.7862C21.7347 19.1537 21.977 19.4667 21.7478 19.9363Z" fill="black"/>
+<path d="M21.2107 19.7389C21.0862 19.9839 20.5622 20.3719 20.1954 20.2698C19.8286 20.1677 19.6452 19.6164 19.7041 19.2013C19.7565 18.7317 20.1495 18.7044 20.6473 18.9358C21.1845 19.1945 21.3548 19.4122 21.2107 19.7389Z" fill="url(#paint13_linear_1_13597)"/>
+<path d="M14.4377 10.8574C14.6997 10.6056 15.3351 9.8365 16.5404 10.6396C16.7631 10.7893 16.9465 10.8029 17.3722 10.9935C18.2303 11.361 17.8242 12.2458 16.9072 12.5452C16.5142 12.6745 16.1604 13.1714 15.453 13.1237C14.8438 13.0897 14.6866 12.6745 14.3133 12.4499C13.6517 12.062 13.5535 11.538 13.9137 11.2589C14.274 10.9799 14.4115 10.8778 14.4377 10.8574Z" fill="url(#paint14_linear_1_13597)"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M13.9937 11.3703C13.8567 11.4764 13.8131 11.6175 13.8584 11.7735C13.9514 12.0938 14.622 12.5346 14.8788 12.7502C15.0248 12.8728 15.1918 12.97 15.4617 12.985C16.0397 13.024 16.3607 12.5793 16.8671 12.4126C17.2001 12.3039 17.9048 11.8882 17.6713 11.4119C17.4722 11.0055 16.8012 10.9804 16.4679 10.7564C15.8943 10.3742 15.4767 10.377 15.1792 10.4842C14.8532 10.6017 14.2889 11.1416 13.9937 11.3703ZM15.0915 10.2216C15.4785 10.0821 15.9816 10.1022 16.613 10.5229C17.028 10.8019 17.6594 10.775 17.9097 11.2858C18.2286 11.9366 17.4559 12.5116 16.9474 12.6777C16.4029 12.857 16.0987 13.3062 15.4451 13.2624C15.1062 13.2433 14.8888 13.1159 14.7107 12.9664C14.3412 12.6562 13.7169 12.3614 13.5742 11.8695C13.495 11.5967 13.6105 11.3205 13.8338 11.1475C14.1947 10.8679 14.6824 10.3691 15.0915 10.2216Z" fill="#E68C3F"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M17.4744 11.5669C17.4771 11.618 17.4394 11.6617 17.3902 11.6645C16.6969 11.7038 16.2098 12.4949 15.4268 12.4949C14.9887 12.4949 14.6419 12.2835 14.394 12.0803C14.344 12.0393 13.9032 11.6994 13.9032 11.6128C13.9032 11.5616 13.9431 11.5201 13.9923 11.5201C14.0844 11.5201 14.3624 11.8217 14.4658 11.9065C14.6993 12.098 15.0462 12.3096 15.4268 12.3096C16.2019 12.3096 16.6775 11.5193 17.3805 11.4794C17.4297 11.4767 17.4717 11.5158 17.4744 11.5669Z" fill="#E68C3F"/>
+<path d="M14.8439 10.7893C14.9749 10.6668 15.3875 10.3333 15.9312 10.6736C16.0491 10.7416 16.167 10.8165 16.3373 10.9186C16.6845 11.1296 16.5142 11.4358 16.0949 11.6264C15.905 11.7081 15.5906 11.885 15.3548 11.8714C15.0928 11.8442 14.9159 11.6672 14.7456 11.5515C14.4246 11.3338 14.4443 11.15 14.5949 11.0071C14.7063 10.8982 14.8308 10.7961 14.8439 10.7893Z" fill="url(#paint15_linear_1_13597)"/>
+<defs>
+<linearGradient id="paint0_linear_1_13597" x1="16.0581" y1="6.30635" x2="15.8367" y2="9.30617" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.8"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_13597" x1="12.8966" y1="22.6723" x2="11.2506" y2="17.2717" gradientUnits="userSpaceOnUse">
+<stop stopColor="#FFEED7"/>
+<stop offset="1" stopColor="#BDBFC2"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_13597" x1="12.8966" y1="22.6723" x2="11.2506" y2="17.2717" gradientUnits="userSpaceOnUse">
+<stop stopColor="#FFEED7"/>
+<stop offset="1" stopColor="#BDBFC2"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1_13597" x1="16.6683" y1="9.65564" x2="16.575" y2="10.3544" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1_13597" x1="14.4338" y1="9.78294" x2="14.5342" y2="10.3483" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1_13597" x1="15.7615" y1="15.6308" x2="15.7781" y2="19.6274" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.8"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1_13597" x1="15.85" y1="13.1247" x2="15.8684" y2="14.7138" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1_13597" x1="11.7196" y1="14.1055" x2="11.7196" y2="19.9372" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1_13597" x1="21.0329" y1="13.5359" x2="21.0306" y2="18.8051" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint9_linear_1_13597" x1="11.4281" y1="22.4373" x2="10.535" y2="25.4213" gradientUnits="userSpaceOnUse">
+<stop stopColor="#FFA63F"/>
+<stop offset="1" stopColor="#FFFF00"/>
+</linearGradient>
+<linearGradient id="paint10_linear_1_13597" x1="19.8816" y1="21.5298" x2="22.2652" y2="24.7799" gradientUnits="userSpaceOnUse">
+<stop stopColor="#FFA63F"/>
+<stop offset="1" stopColor="#FFFF00"/>
+</linearGradient>
+<linearGradient id="paint11_linear_1_13597" x1="20.5202" y1="18.9332" x2="19.6866" y2="22.8604" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint12_linear_1_13597" x1="11.2461" y1="19.9044" x2="11.4114" y2="24.3241" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint13_linear_1_13597" x1="20.3754" y1="18.8617" x2="20.5687" y2="20.1823" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+<linearGradient id="paint14_linear_1_13597" x1="15.7647" y1="10.7838" x2="15.7809" y2="13.1096" gradientUnits="userSpaceOnUse">
+<stop stopColor="#FFA63F"/>
+<stop offset="1" stopColor="#FFFF00"/>
+</linearGradient>
+<linearGradient id="paint15_linear_1_13597" x1="15.5103" y1="10.5638" x2="15.5059" y2="11.7936" gradientUnits="userSpaceOnUse">
+<stop stopColor="white" stopOpacity="0.65"/>
+<stop offset="1" stopColor="white" stopOpacity="0"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_macos.tsx b/frontend/app/components/ui/Icons/color_os_macos.tsx
index 25f941845..62b7b1cd9 100644
--- a/frontend/app/components/ui/Icons/color_os_macos.tsx
+++ b/frontend/app/components/ui/Icons/color_os_macos.tsx
@@ -9,33 +9,20 @@ interface Props {
 }
 
 function Color_os_macos(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z"
-        fill="white"
-      />
-      <path
-        d="M21.5 6H23L17 16L23 26H21.5L16 17L10.5 26H9L15 16L9 6H10.5L16 15L21.5 6Z"
-        fill="url(#paint0_linear_1_13653)"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_1_13653"
-          x1="16"
-          y1="6"
-          x2="16"
-          y2="26"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#5AB1DC" />
-          <stop offset="0.256735" stopColor="#8396B0" />
-          <stop offset="0.500792" stopColor="#A37F86" />
-          <stop offset="1" stopColor="#EE5031" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="white"/>
+<path d="M21.5 6H23L17 16L23 26H21.5L16 17L10.5 26H9L15 16L9 6H10.5L16 15L21.5 6Z" fill="url(#paint0_linear_1_13653)"/>
+<defs>
+<linearGradient id="paint0_linear_1_13653" x1="16" y1="6" x2="16" y2="26" gradientUnits="userSpaceOnUse">
+<stop stopColor="#5AB1DC"/>
+<stop offset="0.256735" stopColor="#8396B0"/>
+<stop offset="0.500792" stopColor="#A37F86"/>
+<stop offset="1" stopColor="#EE5031"/>
+</linearGradient>
+</defs>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_microsoft.tsx b/frontend/app/components/ui/Icons/color_os_microsoft.tsx
index c972cfcd9..e872384de 100644
--- a/frontend/app/components/ui/Icons/color_os_microsoft.tsx
+++ b/frontend/app/components/ui/Icons/color_os_microsoft.tsx
@@ -9,14 +9,14 @@ interface Props {
 }
 
 function Color_os_microsoft(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="5 5 22 22">
-      <rect x="17" y="17" width="10" height="10" fill="#FEBA08" />
-      <rect x="5" y="17" width="10" height="10" fill="#05A6F0" />
-      <rect x="17" y="5" width="10" height="10" fill="#80BC06" />
-      <rect x="5" y="5" width="10" height="10" fill="#F25325" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="5 5 22 22">
+<rect x="17" y="17" width="10" height="10" fill="#FEBA08"/>
+<rect x="5" y="17" width="10" height="10" fill="#05A6F0"/>
+<rect x="17" y="5" width="10" height="10" fill="#80BC06"/>
+<rect x="5" y="5" width="10" height="10" fill="#F25325"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_ubuntu.tsx b/frontend/app/components/ui/Icons/color_os_ubuntu.tsx
index ce663cd32..7ded747fb 100644
--- a/frontend/app/components/ui/Icons/color_os_ubuntu.tsx
+++ b/frontend/app/components/ui/Icons/color_os_ubuntu.tsx
@@ -9,18 +9,12 @@ interface Props {
 }
 
 function Color_os_ubuntu(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
-      <path
-        d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z"
-        fill="#E95420"
-      />
-      <path
-        d="M6.82154 14.1563C5.81185 14.1563 5 14.9865 5 16.0035C5 17.0205 5.81867 17.8507 6.82154 17.8507C7.82442 17.8507 8.64309 17.0205 8.64309 16.0035C8.64309 14.9795 7.82442 14.1563 6.82154 14.1563ZM19.8316 22.5482C18.9583 23.0602 18.665 24.1879 19.163 25.0734C19.6679 25.959 20.7799 26.2634 21.6531 25.7514C22.5264 25.2395 22.8197 24.1118 22.3217 23.2262C21.8101 22.3476 20.698 22.0432 19.8316 22.5482ZM10.7785 16.0035C10.7785 14.177 11.6722 12.565 13.0434 11.5896L11.7131 9.32725C10.1167 10.4065 8.93645 12.06 8.43842 13.9902C9.01149 14.4676 9.37989 15.194 9.37989 16.0035C9.37989 16.8129 9.01149 17.5393 8.43842 18.0167C8.92962 19.9469 10.1167 21.6004 11.7131 22.6797L13.0434 20.4174C11.6722 19.4419 10.7785 17.8299 10.7785 16.0035ZM16.0998 10.6071C18.8833 10.6071 21.1619 12.7657 21.4007 15.5261L24 15.4846C23.8704 13.4506 22.9971 11.6241 21.6463 10.282C20.9504 10.5449 20.1522 10.5034 19.4632 10.1021C18.7673 9.69393 18.3375 9.01593 18.2147 8.26875C17.5393 8.08195 16.8298 7.97817 16.0998 7.97817C14.8377 7.97817 13.6506 8.27566 12.5932 8.80838L13.8621 11.1053C14.5375 10.787 15.3016 10.6071 16.0998 10.6071ZM16.0998 21.3998C15.3016 21.3998 14.5375 21.2199 13.8553 20.9017L12.5864 23.1985C13.6438 23.7313 14.8377 24.0287 16.093 24.0287C16.823 24.0287 17.5325 23.925 18.2079 23.7382C18.3239 22.9979 18.7605 22.313 19.4564 21.9048C20.1454 21.4966 20.9504 21.462 21.6395 21.7249C22.9835 20.3828 23.8636 18.5563 23.9932 16.5223L21.3939 16.4808C21.1619 19.2343 18.8833 21.3998 16.0998 21.3998ZM19.8248 9.45178C20.698 9.96374 21.8101 9.65933 22.3149 8.77378C22.8197 7.88824 22.5196 6.76054 21.6463 6.24859C20.7731 5.73663 19.661 6.04104 19.1562 6.92659C18.6582 7.81213 18.9583 8.93983 19.8248 9.45178Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2 2 28 28">
+<path d="M30 16C30 23.728 23.735 30 16 30C8.265 30 2 23.728 2 16C2 8.265 8.265 2 16 2C23.735 2 30 8.265 30 16Z" fill="#E95420"/>
+<path d="M6.82154 14.1563C5.81185 14.1563 5 14.9865 5 16.0035C5 17.0205 5.81867 17.8507 6.82154 17.8507C7.82442 17.8507 8.64309 17.0205 8.64309 16.0035C8.64309 14.9795 7.82442 14.1563 6.82154 14.1563ZM19.8316 22.5482C18.9583 23.0602 18.665 24.1879 19.163 25.0734C19.6679 25.959 20.7799 26.2634 21.6531 25.7514C22.5264 25.2395 22.8197 24.1118 22.3217 23.2262C21.8101 22.3476 20.698 22.0432 19.8316 22.5482ZM10.7785 16.0035C10.7785 14.177 11.6722 12.565 13.0434 11.5896L11.7131 9.32725C10.1167 10.4065 8.93645 12.06 8.43842 13.9902C9.01149 14.4676 9.37989 15.194 9.37989 16.0035C9.37989 16.8129 9.01149 17.5393 8.43842 18.0167C8.92962 19.9469 10.1167 21.6004 11.7131 22.6797L13.0434 20.4174C11.6722 19.4419 10.7785 17.8299 10.7785 16.0035ZM16.0998 10.6071C18.8833 10.6071 21.1619 12.7657 21.4007 15.5261L24 15.4846C23.8704 13.4506 22.9971 11.6241 21.6463 10.282C20.9504 10.5449 20.1522 10.5034 19.4632 10.1021C18.7673 9.69393 18.3375 9.01593 18.2147 8.26875C17.5393 8.08195 16.8298 7.97817 16.0998 7.97817C14.8377 7.97817 13.6506 8.27566 12.5932 8.80838L13.8621 11.1053C14.5375 10.787 15.3016 10.6071 16.0998 10.6071ZM16.0998 21.3998C15.3016 21.3998 14.5375 21.2199 13.8553 20.9017L12.5864 23.1985C13.6438 23.7313 14.8377 24.0287 16.093 24.0287C16.823 24.0287 17.5325 23.925 18.2079 23.7382C18.3239 22.9979 18.7605 22.313 19.4564 21.9048C20.1454 21.4966 20.9504 21.462 21.6395 21.7249C22.9835 20.3828 23.8636 18.5563 23.9932 16.5223L21.3939 16.4808C21.1619 19.2343 18.8833 21.3998 16.0998 21.3998ZM19.8248 9.45178C20.698 9.96374 21.8101 9.65933 22.3149 8.77378C22.8197 7.88824 22.5196 6.76054 21.6463 6.24859C20.7731 5.73663 19.661 6.04104 19.1562 6.92659C18.6582 7.81213 18.9583 8.93983 19.8248 9.45178Z" fill="white"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_os_unkown.tsx b/frontend/app/components/ui/Icons/color_os_unkown.tsx
index f2faa0b14..c27ebd533 100644
--- a/frontend/app/components/ui/Icons/color_os_unkown.tsx
+++ b/frontend/app/components/ui/Icons/color_os_unkown.tsx
@@ -9,39 +9,15 @@ interface Props {
 }
 
 function Color_os_unkown(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
-      <rect width="32" height="32" rx="10" fill="#FFEEEE" />
-      <path
-        d="M22 12V10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21071 20.5304 8 20 8H8C7.46957 8 6.96086 8.21071 6.58579 8.58579C6.21071 8.96086 6 9.46957 6 10V17C6 17.5304 6.21071 18.0391 6.58579 18.4142C6.96086 18.7893 7.46957 19 8 19H16"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M14 23V19.04V22.19"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M11 23H16"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M24 16H22C20.8954 16 20 16.8954 20 18V24C20 25.1046 20.8954 26 22 26H24C25.1046 26 26 25.1046 26 24V18C26 16.8954 25.1046 16 24 16Z"
-        stroke="black"
-        strokeWidth="2"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32">
+<rect width="32" height="32" rx="10" fill="#FFEEEE"/>
+<path d="M22 12V10C22 9.46957 21.7893 8.96086 21.4142 8.58579C21.0391 8.21071 20.5304 8 20 8H8C7.46957 8 6.96086 8.21071 6.58579 8.58579C6.21071 8.96086 6 9.46957 6 10V17C6 17.5304 6.21071 18.0391 6.58579 18.4142C6.96086 18.7893 7.46957 19 8 19H16" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 23V19.04V22.19" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11 23H16" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M24 16H22C20.8954 16 20 16.8954 20 18V24C20 25.1046 20.8954 26 22 26H24C25.1046 26 26 25.1046 26 24V18C26 16.8954 25.1046 16 24 16Z" stroke="black" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_safari.tsx b/frontend/app/components/ui/Icons/color_safari.tsx
index 10f737f1e..1b6172cac 100644
--- a/frontend/app/components/ui/Icons/color_safari.tsx
+++ b/frontend/app/components/ui/Icons/color_safari.tsx
@@ -9,592 +9,162 @@ interface Props {
 }
 
 function Color_safari(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z"
-        fill="url(#paint0_linear_716_8465)"
-      />
-      <path
-        d="M12.0001 21.7125C17.3642 21.7125 21.7126 17.364 21.7126 12C21.7126 6.63591 17.3642 2.28748 12.0001 2.28748C6.63603 2.28748 2.2876 6.63591 2.2876 12C2.2876 17.364 6.63603 21.7125 12.0001 21.7125Z"
-        fill="url(#paint1_radial_716_8465)"
-      />
-      <path
-        d="M12.0165 4.65002C11.9508 4.65002 11.8934 4.60082 11.8934 4.5352V2.82073C11.8934 2.7551 11.9508 2.7059 12.0165 2.7059C12.0821 2.7059 12.1395 2.7551 12.1395 2.82073V4.5352C12.1313 4.60082 12.0821 4.65002 12.0165 4.65002Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.0165 4.65822C11.9427 4.65822 11.8853 4.60081 11.8853 4.53518V2.82073C11.8853 2.7551 11.9427 2.69769 12.0165 2.69769C12.0903 2.69769 12.1477 2.7551 12.1477 2.82073V4.53518C12.1477 4.60081 12.0821 4.65822 12.0165 4.65822ZM12.0165 2.71404C11.9591 2.71404 11.9017 2.76332 11.9017 2.82073V4.53518C11.9017 4.59259 11.9509 4.64187 12.0165 4.64187C12.0739 4.64187 12.1313 4.59259 12.1313 4.53518V2.82073C12.1232 2.76332 12.0739 2.71404 12.0165 2.71404Z"
-        fill="white"
-      />
-      <path
-        d="M12.8367 3.73126C12.7711 3.72305 12.7219 3.67385 12.7219 3.60823L12.7793 2.84527C12.7875 2.77973 12.845 2.73044 12.9106 2.73866C12.9762 2.74687 13.0254 2.79616 13.0254 2.86178L12.968 3.62465C12.9598 3.69028 12.9024 3.73948 12.8367 3.73135V3.73126Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.8368 3.73947C12.7629 3.73125 12.7137 3.67384 12.7137 3.60822L12.7712 2.84527C12.7794 2.77973 12.8368 2.72232 12.9106 2.73045C12.9844 2.73866 13.0337 2.79616 13.0337 2.8617L12.9762 3.62464C12.968 3.69848 12.9106 3.74768 12.8368 3.73947ZM12.9106 2.74687C12.8532 2.74687 12.7957 2.78794 12.7957 2.84535L12.7383 3.6083C12.7383 3.66563 12.7794 3.71491 12.845 3.72304C12.9024 3.72304 12.9598 3.68206 12.9598 3.62464L13.0172 2.8617C13.0172 2.80428 12.968 2.75509 12.9105 2.74687H12.9106Z"
-        fill="white"
-      />
-      <path
-        d="M13.4519 4.79769C13.3862 4.78127 13.3452 4.72385 13.3535 4.65823L13.6898 2.97653C13.7062 2.91099 13.7636 2.86992 13.8292 2.88634C13.8949 2.90277 13.9358 2.96018 13.9276 3.02581L13.5913 4.70751C13.5831 4.76484 13.5175 4.80591 13.4518 4.79769H13.4519Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M13.4521 4.80588C13.3782 4.78945 13.3372 4.72383 13.3454 4.6582L13.6817 2.97652C13.6981 2.91098 13.7638 2.8617 13.8375 2.87812C13.9113 2.89455 13.9524 2.96018 13.9442 3.0258L13.6079 4.70748C13.5915 4.77302 13.5258 4.81409 13.4521 4.80588ZM13.8375 2.89455C13.7801 2.88634 13.7227 2.91911 13.7063 2.9766L13.37 4.65829C13.3618 4.71561 13.3946 4.77302 13.4602 4.78954C13.5176 4.79766 13.575 4.76481 13.5915 4.7074L13.9278 3.0258C13.936 2.96018 13.895 2.91098 13.8375 2.89455Z"
-        fill="white"
-      />
-      <path
-        d="M14.4363 4.05941C14.4207 4.05565 14.4059 4.04884 14.3929 4.03938C14.3799 4.02992 14.3689 4.01799 14.3606 4.00427C14.3522 3.99055 14.3466 3.97532 14.3441 3.95944C14.3416 3.94357 14.3423 3.92736 14.3461 3.91174L14.5512 3.17352C14.5675 3.10789 14.6332 3.07504 14.6988 3.09147C14.7644 3.10789 14.8055 3.17352 14.7891 3.23914L14.584 3.97745C14.5675 4.04299 14.5019 4.07584 14.4363 4.05941Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.4364 4.06761C14.3707 4.05118 14.3215 3.97734 14.3462 3.9118L14.5512 3.17342C14.5676 3.10788 14.6414 3.06682 14.707 3.08324C14.7727 3.09967 14.8218 3.17351 14.7973 3.23905L14.5922 3.97743C14.5758 4.04297 14.5102 4.08403 14.4364 4.06761H14.4364ZM14.707 3.10788C14.6496 3.09146 14.584 3.12431 14.5676 3.18172L14.3626 3.91993C14.3462 3.97734 14.379 4.03484 14.4446 4.05118C14.502 4.06761 14.5676 4.03484 14.584 3.97743L14.7891 3.23905C14.7973 3.18172 14.7645 3.12431 14.707 3.1078V3.10788Z"
-        fill="white"
-      />
-      <path
-        d="M14.8384 5.21602C14.7728 5.19138 14.7482 5.11754 14.7728 5.06013L15.429 3.47693C15.4535 3.41952 15.5275 3.38666 15.5848 3.41952C15.6505 3.44407 15.6751 3.518 15.6505 3.57532L14.9943 5.15853C14.9697 5.21602 14.8958 5.24879 14.8385 5.21602H14.8384Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.8383 5.22434C14.8068 5.21232 14.7813 5.18831 14.7674 5.15754C14.7536 5.12678 14.7525 5.09179 14.7644 5.06023L15.4207 3.47701C15.4453 3.41138 15.5192 3.38674 15.593 3.41138C15.6245 3.4234 15.65 3.44741 15.6639 3.47818C15.6777 3.50894 15.6788 3.54393 15.6669 3.57549L15.0106 5.15871C14.9777 5.22434 14.9039 5.25711 14.8383 5.22434ZM15.5848 3.42781C15.5274 3.40325 15.4618 3.42781 15.4371 3.48522L14.7809 5.06845C14.7563 5.12586 14.7891 5.18327 14.8465 5.20791C14.9039 5.23247 14.9695 5.20791 14.9942 5.1505L15.6504 3.56727C15.6669 3.51799 15.6422 3.45237 15.5848 3.42781Z"
-        fill="white"
-      />
-      <path
-        d="M15.9458 4.69108C15.8883 4.65823 15.8637 4.59261 15.8883 4.5352L16.2328 3.8544C16.2656 3.79691 16.3312 3.77227 16.3969 3.80512C16.4543 3.83797 16.4788 3.9036 16.4543 3.96092L16.1097 4.6418C16.0769 4.69921 16.0113 4.72394 15.9457 4.69108H15.9458Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M15.9459 4.6993C15.8801 4.66644 15.8556 4.59261 15.8884 4.52698L16.2329 3.84618C16.2657 3.78047 16.3396 3.75591 16.4052 3.78868C16.4708 3.82154 16.4954 3.89538 16.4626 3.961L16.1181 4.6418C16.0852 4.70743 16.0114 4.73207 15.9458 4.69921L15.9459 4.6993ZM16.397 3.80511C16.3395 3.78055 16.2739 3.7969 16.2493 3.85431L15.9048 4.53519C15.8802 4.58439 15.9048 4.65002 15.954 4.68287C16.0114 4.70743 16.077 4.69108 16.1017 4.63367L16.4462 3.95279C16.4708 3.90359 16.4462 3.83796 16.397 3.80511Z"
-        fill="white"
-      />
-      <path
-        d="M16.1098 5.90511C16.0524 5.86413 16.036 5.79029 16.077 5.74109L17.0286 4.32189C17.0613 4.26448 17.1353 4.25626 17.1926 4.28912C17.2501 4.3301 17.2664 4.40394 17.2254 4.45314L16.2738 5.87234C16.2411 5.92976 16.1672 5.94618 16.1098 5.90511Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M16.1099 5.91331C16.0524 5.87233 16.036 5.79028 16.0689 5.73287L17.0204 4.3137C17.0614 4.25629 17.1352 4.23987 17.2009 4.28093C17.2583 4.32192 17.2747 4.40397 17.2419 4.46138L16.2903 5.88054C16.2493 5.93795 16.1673 5.9543 16.1099 5.91331ZM17.1926 4.29736C17.1435 4.26451 17.0696 4.27272 17.0368 4.32192L16.0852 5.74108C16.0524 5.79019 16.0688 5.8559 16.1181 5.88867C16.1673 5.92153 16.2411 5.91331 16.2739 5.86412L17.2255 4.45317C17.2583 4.40397 17.2419 4.33013 17.1926 4.29736Z"
-        fill="white"
-      />
-      <path
-        d="M17.3074 5.60161C17.2583 5.56054 17.2419 5.48671 17.2829 5.43751L17.7586 4.83867C17.7996 4.78956 17.8734 4.78126 17.9226 4.82233C17.9719 4.86331 17.9883 4.93715 17.9472 4.98635L17.4715 5.58519C17.4305 5.63438 17.3567 5.6426 17.3075 5.60161H17.3074Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.2993 5.6098C17.2418 5.56873 17.2336 5.48668 17.2747 5.42927L17.7504 4.8305C17.7914 4.773 17.8734 4.76478 17.9308 4.81407C17.9882 4.85505 17.9965 4.93711 17.9554 4.99452L17.4797 5.59338C17.4387 5.65079 17.3567 5.659 17.2993 5.6098ZM17.9144 4.83041C17.8653 4.78943 17.7996 4.79764 17.7586 4.84684L17.2828 5.44569C17.2501 5.49489 17.2583 5.56052 17.3074 5.60151C17.3567 5.64257 17.4223 5.63436 17.4633 5.58516L17.939 4.98631C17.9719 4.93711 17.9636 4.86327 17.9145 4.8305L17.9144 4.83041Z"
-        fill="white"
-      />
-      <path
-        d="M17.2254 6.83206C17.1762 6.78286 17.1762 6.70903 17.2254 6.66796L18.4393 5.46217C18.4886 5.41297 18.5624 5.4211 18.6034 5.46217C18.6444 5.50315 18.6526 5.58521 18.6034 5.62619L17.3977 6.83206C17.3484 6.88126 17.2746 6.88126 17.2254 6.83206Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.2172 6.84025C17.1936 6.81618 17.1803 6.78378 17.1803 6.75003C17.1803 6.71627 17.1936 6.68387 17.2172 6.6598L18.4313 5.45392C18.4553 5.43024 18.4878 5.41696 18.5215 5.41696C18.5553 5.41696 18.5877 5.43024 18.6118 5.45392C18.6355 5.47799 18.6487 5.51039 18.6487 5.54414C18.6487 5.57789 18.6355 5.6103 18.6118 5.63437L17.3977 6.84016C17.3736 6.86382 17.3412 6.87708 17.3074 6.87708C17.2737 6.87708 17.2413 6.86382 17.2172 6.84016V6.84025ZM18.6036 5.46213C18.5626 5.42107 18.4888 5.42107 18.4478 5.46213L17.2336 6.66793C17.1926 6.709 17.1926 6.78284 17.2336 6.82382C17.2746 6.86489 17.3485 6.86489 17.3895 6.82382L18.6036 5.61802C18.6446 5.57696 18.6446 5.51133 18.6036 5.46213Z"
-        fill="white"
-      />
-      <path
-        d="M18.4558 6.76641C18.4148 6.71722 18.4148 6.64338 18.464 6.60231L19.0464 6.11018C19.0956 6.0692 19.1694 6.07733 19.2105 6.12661C19.2515 6.17581 19.2515 6.24964 19.2023 6.29062L18.6199 6.78284C18.5706 6.82382 18.4968 6.81561 18.4558 6.76641Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M18.4476 6.77464C18.3984 6.71723 18.4066 6.63518 18.4558 6.59419L19.0382 6.10197C19.0874 6.05277 19.1694 6.06098 19.2186 6.1184C19.2679 6.17581 19.2597 6.25786 19.2105 6.29884L18.628 6.79107C18.5789 6.84018 18.4968 6.83205 18.4477 6.77464H18.4476ZM19.2023 6.12661C19.1612 6.07741 19.0956 6.07741 19.0465 6.11018L18.464 6.60241C18.423 6.64339 18.4148 6.70902 18.4558 6.75821C18.4968 6.80741 18.5625 6.80741 18.6116 6.77464L19.1941 6.28241C19.2433 6.24143 19.2433 6.17581 19.2023 6.12661Z"
-        fill="white"
-      />
-      <path
-        d="M18.1277 7.9477C18.0868 7.89029 18.1032 7.81645 18.1606 7.7836L19.5878 6.83207C19.6452 6.79921 19.7191 6.81564 19.7519 6.86492C19.7929 6.92233 19.7765 6.99617 19.7191 7.02894L18.2918 7.98047C18.2426 8.01333 18.1687 7.9969 18.1277 7.9477Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M18.1196 7.94768C18.0786 7.89027 18.095 7.80821 18.1524 7.76723L19.5797 6.81564C19.6371 6.77465 19.7192 6.79108 19.7602 6.8567C19.8012 6.91411 19.7847 6.99617 19.7274 7.03706L18.3001 7.98875C18.2426 8.02981 18.1606 8.01339 18.1196 7.94776V7.94768ZM19.7438 6.87313C19.711 6.82385 19.6454 6.80742 19.5962 6.84028L18.1688 7.79179C18.1196 7.82464 18.1031 7.89027 18.1442 7.94768C18.177 7.99687 18.2426 8.0133 18.2919 7.98053L19.7192 7.02894C19.7684 6.98795 19.7766 6.92224 19.7438 6.87313Z"
-        fill="white"
-      />
-      <path
-        d="M19.3501 8.11997C19.3173 8.06248 19.3337 7.98873 19.3911 7.95587L20.0556 7.57856C20.113 7.54571 20.1868 7.57035 20.2196 7.62767C20.2525 7.68517 20.236 7.75892 20.1786 7.79177L19.5141 8.16917C19.4567 8.20194 19.3829 8.17738 19.35 8.11989L19.3501 8.11997Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.3419 8.12814C19.3091 8.06251 19.3255 7.98867 19.3829 7.9559L20.0474 7.57856C20.1048 7.54571 20.1869 7.57035 20.2196 7.62768C20.2525 7.69339 20.2361 7.76723 20.1787 7.8L19.5142 8.17743C19.4568 8.2102 19.3747 8.18555 19.3419 8.12814ZM20.2114 7.63598C20.1787 7.57856 20.113 7.56214 20.0638 7.59491L19.3994 7.97233C19.3502 8.0051 19.3337 8.07073 19.3583 8.11993C19.3911 8.17734 19.4568 8.19377 19.506 8.161L20.1704 7.78358C20.2196 7.75902 20.2361 7.69339 20.2114 7.63598Z"
-        fill="white"
-      />
-      <path
-        d="M18.8005 9.21099C18.7759 9.14536 18.8005 9.07974 18.8661 9.05518L20.4493 8.39895C20.5067 8.3743 20.5805 8.40707 20.6051 8.46448C20.6297 8.53011 20.6051 8.59573 20.5395 8.62029L18.9564 9.27652C18.8989 9.30117 18.8251 9.27652 18.8005 9.21099Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M18.7922 9.21908C18.7676 9.15354 18.7922 9.07971 18.8578 9.04686L20.441 8.39064C20.4725 8.37875 20.5075 8.37984 20.5383 8.39368C20.569 8.40752 20.593 8.43297 20.605 8.46447C20.6297 8.53009 20.605 8.60393 20.5394 8.6367L18.9563 9.29292C18.9247 9.30484 18.8897 9.30377 18.859 9.28995C18.8282 9.27612 18.8042 9.25067 18.7922 9.21917V9.21908ZM20.5887 8.47268C20.564 8.41528 20.4984 8.39064 20.4492 8.40706L18.866 9.06328C18.8086 9.08784 18.784 9.15354 18.8086 9.21095C18.8332 9.26836 18.8988 9.293 18.9481 9.27658L20.5312 8.62035C20.5887 8.5958 20.6133 8.53009 20.5887 8.47268Z"
-        fill="white"
-      />
-      <path
-        d="M19.9571 9.62116C19.9326 9.55545 19.9653 9.48991 20.031 9.46527L20.7528 9.22733C20.8102 9.20277 20.884 9.24375 20.9004 9.30116C20.925 9.36679 20.8922 9.43241 20.8266 9.45705L20.1048 9.695C20.0474 9.71955 19.9818 9.68678 19.9571 9.62107V9.62116Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.9489 9.62929C19.9243 9.56367 19.9571 9.48983 20.031 9.46527L20.7527 9.22732C20.8183 9.20276 20.8921 9.24375 20.9168 9.30946C20.9413 9.375 20.9086 9.44884 20.8347 9.47348L20.1129 9.71143C20.0473 9.72778 19.9735 9.69492 19.9489 9.62929ZM20.9004 9.31767C20.8839 9.26017 20.8183 9.22732 20.7609 9.24375L20.0391 9.4817C19.9817 9.49804 19.9571 9.56367 19.9735 9.62117C19.9899 9.67858 20.0555 9.71135 20.1129 9.69492L20.8347 9.45706C20.8921 9.4325 20.9168 9.375 20.9004 9.31759V9.31767Z"
-        fill="white"
-      />
-      <path
-        d="M19.219 10.5973C19.2025 10.5317 19.2435 10.4661 19.3091 10.4578L20.9907 10.1297C21.0562 10.1133 21.1137 10.1625 21.1301 10.2281C21.1465 10.2937 21.1055 10.3594 21.0399 10.3676L19.3583 10.6957C19.2927 10.7039 19.2271 10.6629 19.2189 10.5973H19.219Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.2023 10.5974C19.1859 10.5235 19.2351 10.4579 19.3007 10.4415L20.9824 10.1133C21.048 10.0969 21.1136 10.1462 21.13 10.22C21.1464 10.2938 21.0972 10.3594 21.0316 10.3758L19.3499 10.704C19.2843 10.7204 19.2186 10.6712 19.2023 10.5973V10.5974ZM21.1136 10.2281C21.1054 10.1707 21.048 10.1297 20.9906 10.1379L19.3089 10.4661C19.2515 10.4743 19.2105 10.5399 19.2268 10.5974C19.2351 10.6548 19.2925 10.6958 19.35 10.6875L21.0316 10.3594C21.089 10.343 21.13 10.2856 21.1136 10.2281Z"
-        fill="white"
-      />
-      <path
-        d="M20.2689 11.2289C20.2607 11.1633 20.3016 11.1059 20.3673 11.0977L21.1219 11.0074C21.1875 10.9992 21.245 11.0485 21.2531 11.1141C21.2614 11.1797 21.2204 11.2371 21.1548 11.2454L20.4 11.3356C20.3426 11.3438 20.277 11.2946 20.2688 11.2289H20.2689Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M20.2607 11.2289C20.2524 11.1551 20.3016 11.0895 20.3673 11.0812L21.1219 10.9911C21.1875 10.9829 21.2531 11.032 21.2613 11.1059C21.2695 11.1797 21.2203 11.2453 21.1547 11.2536L20.4 11.3437C20.3345 11.3519 20.2688 11.3027 20.2607 11.2289ZM21.2531 11.1141C21.245 11.0567 21.1876 11.0074 21.1301 11.0156L20.3755 11.1059C20.3181 11.1141 20.277 11.1715 20.2852 11.2289C20.2934 11.2863 20.3508 11.3356 20.4082 11.3274L21.1629 11.2371C21.2203 11.2289 21.2613 11.1715 21.2532 11.1141H21.2531Z"
-        fill="white"
-      />
-      <path
-        d="M19.3502 12.0246C19.3502 11.959 19.3993 11.9016 19.465 11.9016H21.1795C21.2451 11.9016 21.2943 11.959 21.2943 12.0246C21.2943 12.0903 21.2451 12.1477 21.1795 12.1477H19.465C19.3994 12.1477 19.3502 12.0903 19.3502 12.0246Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.3419 12.0246C19.3419 11.9508 19.3993 11.8934 19.465 11.8934H21.1794C21.245 11.8934 21.3025 11.9508 21.3025 12.0246C21.3025 12.0985 21.245 12.1559 21.1794 12.1559H19.465C19.3993 12.1559 19.3419 12.0985 19.3419 12.0246ZM21.286 12.0329C21.286 11.9755 21.2368 11.918 21.1793 11.918H19.465C19.4076 11.918 19.3583 11.9672 19.3583 12.0329C19.3583 12.0903 19.4076 12.1477 19.465 12.1477H21.1795C21.2369 12.1395 21.2861 12.0903 21.2861 12.0329H21.286Z"
-        fill="white"
-      />
-      <path
-        d="M20.2606 12.8531C20.2687 12.7875 20.318 12.7383 20.3836 12.7383L21.1465 12.7957C21.2121 12.8039 21.2612 12.8613 21.253 12.927C21.2449 12.9926 21.1956 13.0418 21.13 13.0418L20.3672 12.9844C20.3098 12.9762 20.2605 12.9188 20.2605 12.8531H20.2606Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M20.2524 12.8531C20.2607 12.7793 20.3181 12.7301 20.3837 12.7301L21.1467 12.7875C21.2123 12.7957 21.2697 12.8531 21.2615 12.927C21.2533 13.0008 21.1958 13.05 21.1302 13.05L20.3673 12.9926C20.3016 12.9844 20.2524 12.9188 20.2524 12.8531ZM21.2533 12.927C21.2615 12.8696 21.2123 12.8122 21.1548 12.8122L20.3918 12.7547C20.3345 12.7547 20.2852 12.7957 20.277 12.8614C20.2689 12.9188 20.3181 12.9762 20.3755 12.9762L21.1385 13.0336C21.1958 13.0336 21.2451 12.9845 21.2533 12.927Z"
-        fill="white"
-      />
-      <path
-        d="M19.2025 13.452C19.2189 13.3863 19.2763 13.3453 19.3419 13.3536L21.0236 13.6899C21.0892 13.7063 21.1303 13.7637 21.1138 13.8293C21.0974 13.8949 21.04 13.936 20.9744 13.9278L19.2926 13.5914C19.2352 13.5832 19.1943 13.5176 19.2025 13.452Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.194 13.452C19.2105 13.3781 19.2761 13.3372 19.3417 13.3453L21.0235 13.6817C21.0891 13.698 21.1383 13.7636 21.1219 13.8375C21.1055 13.9113 21.0399 13.9524 20.9743 13.9442L19.2924 13.6078C19.2268 13.5914 19.1858 13.5258 19.194 13.4521V13.452ZM21.1055 13.8375C21.1137 13.7801 21.081 13.7227 21.0235 13.7062L19.3416 13.3699C19.2843 13.3618 19.2268 13.3946 19.2104 13.4602C19.2023 13.5176 19.235 13.575 19.2925 13.5914L20.9743 13.9277C21.0399 13.9359 21.0891 13.8949 21.1055 13.8375Z"
-        fill="white"
-      />
-      <path
-        d="M19.9406 14.4364C19.9444 14.4207 19.9512 14.406 19.9607 14.393C19.9701 14.38 19.982 14.3691 19.9958 14.3607C20.0095 14.3523 20.0247 14.3467 20.0406 14.3442C20.0564 14.3417 20.0726 14.3424 20.0882 14.3462L20.8265 14.5512C20.8921 14.5676 20.9249 14.6333 20.9086 14.6989C20.9048 14.7145 20.898 14.7292 20.8886 14.7422C20.8791 14.7552 20.8672 14.7663 20.8535 14.7746C20.8397 14.783 20.8245 14.7886 20.8086 14.7911C20.7927 14.7936 20.7765 14.7929 20.7609 14.7892L20.0226 14.584C19.957 14.5676 19.9242 14.502 19.9406 14.4364H19.9406Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.9325 14.4364C19.949 14.3707 20.0228 14.3215 20.0884 14.3462L20.8267 14.5512C20.8923 14.5676 20.9334 14.6414 20.917 14.707C20.9005 14.7726 20.8267 14.8218 20.7611 14.7973L20.0228 14.5922C19.9572 14.5758 19.9161 14.5102 19.9326 14.4364L19.9325 14.4364ZM20.8923 14.707C20.9088 14.6496 20.8759 14.584 20.8185 14.5676L20.0802 14.3625C20.0228 14.3461 19.9654 14.3789 19.949 14.4446C19.9326 14.502 19.9654 14.5676 20.0228 14.584L20.7611 14.7891C20.8185 14.7973 20.8759 14.7645 20.8923 14.707Z"
-        fill="white"
-      />
-      <path
-        d="M18.784 14.8301C18.8086 14.7645 18.8825 14.7398 18.9398 14.7645L20.5231 15.4207C20.5805 15.4453 20.6133 15.5192 20.5887 15.5765C20.5641 15.6422 20.4902 15.6668 20.4328 15.6422L18.8497 14.986C18.784 14.9614 18.7594 14.8875 18.784 14.8302V14.8301Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M18.7758 14.8219C18.7878 14.7904 18.8118 14.7649 18.8426 14.7511C18.8734 14.7372 18.9084 14.7361 18.9399 14.7481L20.5231 15.4043C20.5887 15.429 20.6133 15.5028 20.5887 15.5767C20.5767 15.6082 20.5527 15.6337 20.5219 15.6475C20.4912 15.6613 20.4562 15.6624 20.4246 15.6505L18.8414 14.9942C18.7758 14.9614 18.7513 14.8875 18.7758 14.8219ZM20.5723 15.5684C20.5968 15.511 20.5723 15.4454 20.5149 15.4208L18.9317 14.7645C18.8743 14.7399 18.8169 14.7727 18.7922 14.8301C18.7677 14.8875 18.7922 14.9532 18.8497 14.9778L20.4328 15.6341C20.4902 15.6505 20.5558 15.6259 20.5723 15.5684Z"
-        fill="white"
-      />
-      <path
-        d="M19.3172 15.9375C19.3501 15.8801 19.4156 15.8554 19.473 15.8801L20.1538 16.2247C20.2112 16.2492 20.2358 16.3231 20.2031 16.3887C20.1702 16.4461 20.1046 16.4708 20.0472 16.4461L19.3665 16.1016C19.309 16.0688 19.2844 15.9949 19.3172 15.9375Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M19.3089 15.9293C19.3417 15.8637 19.4156 15.8391 19.4812 15.8719L20.162 16.2165C20.2277 16.2493 20.2523 16.3232 20.2194 16.3887C20.1867 16.4543 20.1127 16.479 20.0472 16.4461L19.3664 16.1016C19.3007 16.0771 19.2761 15.9949 19.3089 15.9293ZM20.1949 16.3805C20.2194 16.3231 20.203 16.2575 20.1456 16.2329L19.4648 15.8883C19.4155 15.8638 19.35 15.8883 19.3171 15.9375C19.2925 15.9949 19.3089 16.0606 19.3663 16.0852L20.0471 16.4298C20.1046 16.4543 20.1702 16.438 20.1949 16.3805Z"
-        fill="white"
-      />
-      <path
-        d="M18.1113 16.0934C18.1523 16.036 18.218 16.0196 18.2754 16.0605L19.7027 17.0121C19.7601 17.0449 19.7683 17.1188 19.7356 17.1762C19.6945 17.2337 19.6289 17.25 19.5715 17.209L18.1441 16.2574C18.0867 16.2164 18.0703 16.1426 18.1113 16.0934Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M18.103 16.0852C18.1441 16.0278 18.2262 16.0113 18.2836 16.0442L19.711 16.9957C19.7684 17.0367 19.7848 17.1105 19.7437 17.1761C19.7028 17.2336 19.6207 17.25 19.5634 17.2172L18.1359 16.2656C18.0703 16.2246 18.0621 16.1426 18.103 16.0852ZM19.7192 17.1679C19.752 17.1188 19.7437 17.0449 19.6946 17.0121L18.2672 16.0605C18.218 16.0278 18.1523 16.0442 18.1195 16.0934C18.0867 16.1426 18.0949 16.2164 18.144 16.2492L19.5715 17.2008C19.6207 17.2336 19.6863 17.2172 19.7192 17.168V17.1679Z"
-        fill="white"
-      />
-      <path
-        d="M18.4148 17.2828C18.4558 17.2336 18.5297 17.2172 18.5788 17.2583L19.1777 17.7258C19.2269 17.7668 19.2351 17.8406 19.1941 17.8899C19.1531 17.939 19.0793 17.9555 19.03 17.9145L18.4312 17.4469C18.3821 17.4059 18.3738 17.332 18.4148 17.2828Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M18.4067 17.2747C18.4477 17.2172 18.5298 17.209 18.5872 17.2501L19.186 17.7176C19.2434 17.7586 19.2516 17.8407 19.2106 17.8981C19.1696 17.9556 19.0875 17.9637 19.0302 17.9227L18.4313 17.4551C18.3739 17.4141 18.3658 17.3321 18.4067 17.2747ZM19.1942 17.8899C19.2352 17.8407 19.227 17.775 19.1778 17.734L18.579 17.2664C18.5298 17.2337 18.4641 17.2419 18.4232 17.291C18.3821 17.3403 18.3903 17.4059 18.4395 17.4469L19.0383 17.9145C19.0875 17.9474 19.1531 17.9391 19.1941 17.8899H19.1942Z"
-        fill="white"
-      />
-      <path
-        d="M17.1926 17.2008C17.2419 17.1516 17.3157 17.1516 17.3567 17.2008L18.5708 18.4066C18.62 18.4559 18.6118 18.5297 18.5708 18.5707C18.5216 18.6199 18.4477 18.6199 18.4067 18.5707L17.1926 17.3649C17.1516 17.3238 17.1516 17.2418 17.1926 17.2008Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.1925 17.1926C17.2165 17.1689 17.249 17.1556 17.2827 17.1556C17.3165 17.1556 17.3489 17.1689 17.373 17.1926L18.5871 18.3984C18.6108 18.4224 18.624 18.4549 18.624 18.4886C18.624 18.5224 18.6108 18.5548 18.5871 18.5789C18.563 18.6026 18.5306 18.6158 18.4969 18.6158C18.4631 18.6158 18.4307 18.6026 18.4066 18.5789L17.1925 17.3731C17.1351 17.3238 17.1351 17.2419 17.1925 17.1926ZM18.5707 18.5625C18.6117 18.5215 18.6117 18.4477 18.5707 18.4067L17.3566 17.2008C17.3156 17.1598 17.2418 17.1598 17.2008 17.2008C17.1597 17.2418 17.1597 17.3156 17.2008 17.3566L18.4148 18.5625C18.4558 18.6118 18.5215 18.6118 18.5707 18.5625Z"
-        fill="white"
-      />
-      <path
-        d="M17.2664 18.423C17.3157 18.382 17.3895 18.382 17.4305 18.4312L17.931 19.0055C17.9719 19.0547 17.9638 19.1286 17.9145 19.1696C17.8654 19.2105 17.7914 19.2105 17.7504 19.1614L17.25 18.5871C17.209 18.5462 17.2172 18.4723 17.2664 18.423Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M17.2583 18.4231C17.3158 18.3739 17.3896 18.3821 17.4387 18.4313L17.9392 19.0055C17.9883 19.0547 17.9801 19.1367 17.9227 19.186C17.8653 19.2352 17.7915 19.227 17.7423 19.1778L17.2418 18.6036C17.2008 18.5462 17.2008 18.4641 17.2583 18.4231H17.2583ZM17.9146 19.1696C17.9637 19.1286 17.9637 19.0629 17.9309 19.0138L17.4305 18.4395C17.3895 18.3985 17.3239 18.3903 17.2747 18.4313C17.2255 18.4723 17.2255 18.538 17.2583 18.5871L17.7587 19.1614C17.7997 19.2106 17.8654 19.2106 17.9145 19.1696H17.9146Z"
-        fill="white"
-      />
-      <path
-        d="M16.0852 18.1113C16.1426 18.0704 16.2165 18.0868 16.2494 18.1442L17.2009 19.5633C17.2337 19.6207 17.2173 19.6945 17.1681 19.7274C17.1107 19.7684 17.0368 19.7519 17.004 19.6945L16.0524 18.2754C16.0195 18.218 16.0359 18.1441 16.0851 18.1113H16.0852Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M16.0852 18.1031C16.1426 18.0622 16.2246 18.0786 16.2656 18.136L17.2171 19.5551C17.2581 19.6124 17.2417 19.6945 17.1761 19.7354C17.1187 19.7765 17.0367 19.7601 16.9956 19.7027L16.0442 18.2836C16.0032 18.218 16.0196 18.1442 16.0852 18.1032V18.1031ZM17.1679 19.7191C17.2171 19.6862 17.2336 19.6206 17.2007 19.5714L16.2493 18.1523C16.2164 18.1032 16.1508 18.0949 16.0935 18.1278C16.0442 18.1605 16.0278 18.2262 16.0606 18.2754L17.0121 19.6945C17.0449 19.7354 17.1187 19.7519 17.1679 19.719L17.1679 19.7191Z"
-        fill="white"
-      />
-      <path
-        d="M15.9129 19.3253C15.9704 19.2926 16.0442 19.309 16.077 19.3664L16.4544 20.0309C16.4871 20.0883 16.4625 20.1621 16.4051 20.1949C16.3477 20.2278 16.2738 20.2113 16.2411 20.1539L15.8638 19.4894C15.8391 19.432 15.8555 19.3582 15.9129 19.3254L15.9129 19.3253Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M15.9129 19.3173C15.9785 19.2844 16.0524 19.3008 16.0852 19.3582L16.4625 20.0228C16.4953 20.0802 16.4789 20.1623 16.4134 20.195C16.3477 20.2279 16.2738 20.2115 16.241 20.154L15.8637 19.4895C15.8309 19.4321 15.8473 19.3582 15.9128 19.3173H15.9129ZM16.4051 20.1869C16.4543 20.154 16.4789 20.0884 16.4461 20.0392L16.0688 19.3747C16.036 19.3255 15.9703 19.309 15.9211 19.3336C15.8719 19.3665 15.8473 19.4321 15.8801 19.4813L16.2575 20.1458C16.282 20.195 16.3559 20.2197 16.4051 20.1868V20.1869Z"
-        fill="white"
-      />
-      <path
-        d="M14.822 18.784C14.8876 18.7595 14.9533 18.784 14.9779 18.8415L15.6424 20.4246C15.6669 20.4821 15.6342 20.5559 15.5767 20.5804C15.5193 20.6051 15.4455 20.5804 15.4209 20.523L14.7565 18.9399C14.7318 18.8824 14.7646 18.8087 14.822 18.784Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.8218 18.7758C14.8874 18.7512 14.9613 18.7758 14.9941 18.8414L15.6585 20.4246C15.6704 20.4562 15.6693 20.4911 15.6555 20.5219C15.6417 20.5526 15.6162 20.5766 15.5847 20.5886C15.5191 20.6133 15.4453 20.5886 15.4125 20.523L14.7481 18.9399C14.7234 18.8824 14.7563 18.8086 14.8218 18.7758ZM15.5683 20.5723C15.6257 20.5477 15.6503 20.482 15.6257 20.4328L14.9613 18.8496C14.9367 18.7922 14.8711 18.7676 14.8137 18.7922C14.7563 18.8168 14.7315 18.8824 14.7563 18.9317L15.4206 20.5149C15.4535 20.5723 15.5109 20.5969 15.5683 20.5723Z"
-        fill="white"
-      />
-      <path
-        d="M14.4199 19.9489C14.4856 19.9243 14.5512 19.9571 14.5758 20.0227L14.8137 20.7446C14.8383 20.802 14.7973 20.8758 14.7399 20.8923C14.6743 20.9168 14.6087 20.884 14.5841 20.8184L14.3462 20.0965C14.3216 20.0391 14.3544 19.9735 14.42 19.9489H14.4199Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M14.4119 19.9407C14.4435 19.9288 14.4785 19.9299 14.5092 19.9438C14.54 19.9576 14.564 19.9831 14.576 20.0145L14.814 20.7364C14.8385 20.802 14.7975 20.8758 14.7318 20.9005C14.7003 20.9124 14.6653 20.9113 14.6345 20.8974C14.6038 20.8836 14.5798 20.8582 14.5678 20.8267L14.3299 20.1048C14.3134 20.0392 14.3463 19.9654 14.4119 19.9407ZM14.7319 20.884C14.7893 20.8676 14.8221 20.802 14.8057 20.7446L14.5678 20.0228C14.5514 19.9654 14.4858 19.9407 14.4284 19.9571C14.3709 19.9736 14.3381 20.0392 14.3545 20.0966L14.5924 20.8184C14.5966 20.8324 14.6037 20.8453 14.6131 20.8563C14.6226 20.8673 14.6343 20.8762 14.6475 20.8824C14.6607 20.8885 14.675 20.8919 14.6895 20.8922C14.7041 20.8925 14.7185 20.8897 14.7319 20.8841V20.884Z"
-        fill="white"
-      />
-      <path
-        d="M13.452 19.2024C13.5176 19.186 13.5833 19.227 13.5914 19.2926L13.936 20.9744C13.9524 21.0399 13.9032 21.0974 13.8375 21.1137C13.772 21.1302 13.7063 21.0892 13.6981 21.0235L13.3534 19.3418C13.3453 19.2844 13.3863 19.2188 13.4519 19.2023L13.452 19.2024Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M13.4521 19.194C13.5258 19.1777 13.5914 19.2269 13.6079 19.2925L13.9524 20.9743C13.9688 21.0399 13.9195 21.1137 13.8539 21.1219C13.7801 21.1384 13.7145 21.0892 13.6981 21.0235L13.3535 19.3417C13.3372 19.2761 13.3783 19.2104 13.452 19.1941L13.4521 19.194ZM13.8375 21.1055C13.895 21.0974 13.936 21.0399 13.9277 20.9743L13.5832 19.2925C13.5751 19.2351 13.5095 19.1941 13.452 19.2104C13.3946 19.2187 13.3536 19.2761 13.3618 19.3417L13.7063 21.0235C13.7227 21.081 13.7801 21.1137 13.8376 21.1056L13.8375 21.1055Z"
-        fill="white"
-      />
-      <path
-        d="M12.8286 20.2687C12.8942 20.2605 12.9516 20.3016 12.968 20.3672L13.0664 21.1218C13.0746 21.1875 13.0254 21.2449 12.9597 21.2531C12.8942 21.2613 12.8368 21.2203 12.8204 21.1547L12.722 20.4C12.7138 20.3344 12.7629 20.277 12.8286 20.2687Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M12.8284 20.2606C12.9023 20.2524 12.9679 20.3016 12.9762 20.3673L13.0746 21.1219C13.0828 21.1876 13.0336 21.2532 12.9597 21.2614C12.8859 21.2696 12.8202 21.2204 12.812 21.1547L12.7135 20.4C12.7053 20.3344 12.7545 20.2688 12.8284 20.2606ZM12.9515 21.245C13.0089 21.2368 13.0583 21.1793 13.05 21.1219L12.9515 20.3673C12.9433 20.3098 12.8859 20.2688 12.8284 20.277C12.771 20.2852 12.7217 20.3426 12.7299 20.4L12.8284 21.1548C12.8366 21.2122 12.8941 21.2532 12.9515 21.245Z"
-        fill="white"
-      />
-      <path
-        d="M11.9836 19.3499C12.0492 19.3499 12.1067 19.3992 12.1067 19.4648V21.1792C12.1067 21.2449 12.0492 21.2942 11.9836 21.2942C11.918 21.2942 11.8606 21.2449 11.8606 21.1792V19.4648C11.8688 19.3992 11.918 19.3499 11.9836 19.3499Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M11.9837 19.3417C12.0575 19.3417 12.1149 19.3991 12.1149 19.4647V21.1792C12.1149 21.2448 12.0575 21.3022 11.9837 21.3022C11.9098 21.3022 11.8524 21.2448 11.8524 21.1792V19.4648C11.8524 19.3992 11.918 19.3417 11.9837 19.3417ZM11.9837 21.2859C12.0411 21.2859 12.0985 21.2367 12.0985 21.1792V19.4648C12.0985 19.4073 12.0493 19.3581 11.9837 19.3581C11.9263 19.3581 11.8688 19.4073 11.8688 19.4648V21.1792C11.877 21.2367 11.9263 21.2859 11.9837 21.2859Z"
-        fill="white"
-      />
-      <path
-        d="M11.1633 20.2687C11.2289 20.277 11.2781 20.3262 11.2781 20.3918L11.2207 21.1547C11.2126 21.2203 11.1551 21.2695 11.0894 21.2614C11.0238 21.2531 10.9746 21.2039 10.9746 21.1383L11.032 20.3754C11.0402 20.3098 11.0976 20.2605 11.1633 20.2687Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M11.1633 20.2606C11.2371 20.2688 11.2863 20.3262 11.2863 20.3918L11.2289 21.1548C11.2207 21.2204 11.1633 21.2778 11.0895 21.2696C11.0157 21.2614 10.9664 21.204 10.9664 21.1384L11.0238 20.3754C11.0321 20.3016 11.0895 20.2524 11.1633 20.2606ZM11.0895 21.2532C11.1469 21.2532 11.2044 21.2122 11.2044 21.1548L11.2618 20.3918C11.2618 20.3344 11.2207 20.2852 11.1551 20.277C11.0977 20.277 11.0403 20.318 11.0403 20.3755L10.9829 21.1384C10.9829 21.1958 11.0321 21.2451 11.0896 21.2532H11.0895Z"
-        fill="white"
-      />
-      <path
-        d="M10.548 19.2023C10.6136 19.2187 10.6546 19.2761 10.6464 19.3417L10.3101 21.0235C10.2936 21.0892 10.2362 21.1302 10.1706 21.1137C10.105 21.0974 10.064 21.04 10.0722 20.9743L10.4085 19.2925C10.4167 19.2351 10.4824 19.1941 10.548 19.2023Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M10.5482 19.194C10.622 19.2105 10.663 19.2762 10.6548 19.3417L10.3185 21.0235C10.302 21.0891 10.2364 21.1383 10.1627 21.1219C10.0888 21.1054 10.0478 21.0398 10.056 20.9742L10.3923 19.2925C10.4087 19.2269 10.4744 19.1858 10.5481 19.1941L10.5482 19.194ZM10.1627 21.1054C10.2201 21.1137 10.2775 21.0809 10.2939 21.0235L10.6302 19.3417C10.6384 19.2843 10.6056 19.2269 10.54 19.2105C10.4826 19.2023 10.4252 19.2351 10.4087 19.2926L10.0724 20.9742C10.0642 21.0398 10.1052 21.0891 10.1627 21.1054Z"
-        fill="white"
-      />
-      <path
-        d="M9.56376 19.9407C9.62948 19.9572 9.67046 20.0228 9.65403 20.0884L9.44894 20.8266C9.4326 20.8922 9.36697 20.925 9.30135 20.9087C9.28571 20.9049 9.27098 20.8981 9.25798 20.8887C9.24498 20.8792 9.23397 20.8673 9.22559 20.8536C9.2172 20.8398 9.21161 20.8246 9.20912 20.8087C9.20663 20.7928 9.20729 20.7766 9.21108 20.761L9.41617 20.0228C9.4326 19.9572 9.49822 19.9244 9.56385 19.9407H9.56376Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M9.56372 19.9326C9.62943 19.9489 9.67863 20.0228 9.65398 20.0884L9.4489 20.8267C9.43256 20.8923 9.35872 20.9334 9.2931 20.9169C9.22748 20.9005 9.17828 20.8267 9.20284 20.7611L9.40792 20.0228C9.42435 19.9572 9.48997 19.9161 9.56372 19.9325V19.9326ZM9.2931 20.8923C9.35051 20.9087 9.41613 20.8759 9.43256 20.8185L9.63756 20.0802C9.65398 20.0228 9.62122 19.9654 9.55559 19.9489C9.49818 19.9325 9.43256 19.9654 9.41613 20.0228L9.21105 20.7611C9.20284 20.8185 9.23561 20.8759 9.2931 20.8923Z"
-        fill="white"
-      />
-      <path
-        d="M9.16171 18.784C9.22733 18.8086 9.25188 18.8824 9.22733 18.9398L8.5711 20.523C8.54654 20.5805 8.47262 20.6133 8.41529 20.5805C8.3578 20.5477 8.32495 20.4821 8.34959 20.4247L9.00582 18.8414C9.03037 18.784 9.1043 18.7512 9.16162 18.784H9.16171Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M9.16172 18.7758C9.19325 18.7878 9.21872 18.8118 9.23256 18.8426C9.2464 18.8733 9.24748 18.9083 9.23556 18.9399L8.5793 20.523C8.55466 20.5886 8.48082 20.6133 8.40698 20.5886C8.37548 20.5766 8.35002 20.5526 8.33618 20.5219C8.32234 20.4911 8.32125 20.4562 8.33314 20.4246L8.9894 18.8414C9.02226 18.7758 9.0961 18.743 9.16172 18.7758ZM8.41519 20.5723C8.47261 20.5968 8.53823 20.5723 8.56287 20.5149L9.21914 18.9317C9.24369 18.8743 9.21092 18.8168 9.15351 18.7922C9.0961 18.7677 9.03047 18.7922 9.00583 18.8496L8.34957 20.4328C8.33314 20.482 8.35778 20.5476 8.41519 20.5723Z"
-        fill="white"
-      />
-      <path
-        d="M8.05438 19.3091C8.11179 19.3419 8.13635 19.4075 8.11179 19.4649L7.76725 20.1457C7.73439 20.2031 7.66877 20.2277 7.60314 20.1949C7.54573 20.1621 7.52118 20.0965 7.54573 20.0391L7.89036 19.3584C7.92313 19.3009 7.98876 19.2763 8.05438 19.3091Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M8.05447 19.3008C8.12009 19.3336 8.14465 19.4075 8.11188 19.473L7.76733 20.1539C7.73447 20.2195 7.66064 20.2441 7.5951 20.2113C7.52947 20.1785 7.50483 20.1046 7.53768 20.0391L7.88215 19.3583C7.915 19.2926 7.98884 19.2681 8.05447 19.3008ZM7.60331 20.195C7.66072 20.2195 7.72634 20.2031 7.7509 20.1457L8.09545 19.4649C8.12001 19.4156 8.09545 19.35 8.04625 19.3173C7.98884 19.2927 7.92322 19.309 7.89858 19.3664L7.55403 20.0472C7.52947 20.0965 7.55403 20.1621 7.60331 20.1949V20.195Z"
-        fill="white"
-      />
-      <path
-        d="M7.8902 18.095C7.94761 18.136 7.96404 18.2099 7.92305 18.2591L6.97146 19.6784C6.93869 19.7357 6.86476 19.7439 6.80744 19.7111C6.75003 19.6701 6.7336 19.5963 6.77458 19.547L7.72618 18.1277C7.75895 18.0704 7.83279 18.0539 7.8902 18.0949V18.095Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M7.89023 18.0867C7.94764 18.1278 7.96407 18.2098 7.93121 18.2673L6.97967 19.6865C6.93868 19.7438 6.86484 19.7602 6.79921 19.7192C6.7418 19.6782 6.72537 19.5962 6.75814 19.5387L7.70978 18.1196C7.75076 18.0622 7.83282 18.0457 7.89023 18.0867ZM6.80743 19.7028C6.85654 19.7356 6.93047 19.7274 6.96324 19.6783L7.91487 18.259C7.94764 18.2098 7.9313 18.1442 7.88202 18.1114C7.83282 18.0786 7.75898 18.0868 7.7262 18.1359L6.77457 19.5469C6.7418 19.5962 6.75814 19.67 6.80743 19.7027V19.7028Z"
-        fill="white"
-      />
-      <path
-        d="M6.69255 18.3985C6.74183 18.4395 6.75817 18.5133 6.71719 18.5625L6.2414 19.1613C6.20041 19.2105 6.12658 19.2187 6.07738 19.1777C6.02818 19.1368 6.01175 19.0629 6.05282 19.0137L6.52853 18.4148C6.56952 18.3657 6.64335 18.3574 6.69255 18.3985Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.70077 18.3903C6.75818 18.4313 6.7664 18.5133 6.72533 18.5707L6.2496 19.1696C6.20862 19.227 6.12656 19.2352 6.06915 19.186C6.01174 19.1449 6.00353 19.063 6.0446 19.0055L6.52032 18.4067C6.5613 18.3492 6.64336 18.3411 6.70077 18.3903ZM6.08558 19.1696C6.13469 19.2106 6.2004 19.2024 6.24139 19.1532L6.7172 18.5543C6.75005 18.5052 6.74176 18.4395 6.69264 18.3985C6.64336 18.3574 6.57773 18.3656 6.53675 18.4149L6.06094 19.0137C6.02817 19.063 6.03638 19.1367 6.0855 19.1696H6.08558Z"
-        fill="white"
-      />
-      <path
-        d="M6.77452 17.168C6.82371 17.2171 6.82371 17.2911 6.77452 17.3321L5.56054 18.5379C5.51125 18.5871 5.4375 18.5789 5.39644 18.5379C5.35545 18.4969 5.34724 18.4148 5.39644 18.3738L6.6022 17.168C6.65148 17.1188 6.72532 17.1188 6.77452 17.168Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.78282 17.1598C6.80645 17.1839 6.8197 17.2163 6.8197 17.25C6.8197 17.2838 6.80645 17.3161 6.78282 17.3402L5.56876 18.5462C5.54469 18.5698 5.51231 18.5831 5.47858 18.5831C5.44485 18.5831 5.41246 18.5698 5.3884 18.5462C5.36471 18.5221 5.35144 18.4897 5.35144 18.4559C5.35144 18.4222 5.36471 18.3898 5.3884 18.3657L6.60238 17.1598C6.62645 17.1362 6.65885 17.1229 6.6926 17.1229C6.72635 17.1229 6.75875 17.1362 6.78282 17.1598ZM5.39653 18.5379C5.43751 18.5789 5.51135 18.5789 5.55233 18.5379L6.76639 17.332C6.80746 17.291 6.80746 17.2172 6.76639 17.1762C6.72541 17.1351 6.65158 17.1351 6.61059 17.1762L5.39653 18.382C5.35554 18.423 5.35554 18.4887 5.39653 18.5378V18.5379Z"
-        fill="white"
-      />
-      <path
-        d="M5.54415 17.2337C5.58514 17.2828 5.58514 17.3567 5.53594 17.3977L4.95353 17.89C4.90433 17.931 4.83049 17.9228 4.78942 17.8736C4.74844 17.8243 4.74844 17.7505 4.79764 17.7094L5.38005 17.2172C5.42933 17.1762 5.50309 17.1844 5.54415 17.2337Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.55224 17.2254C5.60144 17.2829 5.59323 17.3648 5.54403 17.4059L4.96161 17.898C4.91242 17.9473 4.83036 17.9391 4.78117 17.8817C4.73188 17.8242 4.7401 17.7422 4.78929 17.7011L5.37179 17.209C5.42091 17.1598 5.50305 17.168 5.55216 17.2254L5.55224 17.2254ZM4.79751 17.8734C4.83858 17.9226 4.9042 17.9226 4.95332 17.8899L5.53582 17.3977C5.5768 17.3567 5.58501 17.291 5.54403 17.2419C5.50296 17.1926 5.43734 17.1926 5.38822 17.2254L4.80572 17.7176C4.75652 17.7585 4.75652 17.8242 4.79751 17.8734V17.8734Z"
-        fill="white"
-      />
-      <path
-        d="M5.87235 16.0523C5.91333 16.1098 5.8969 16.1836 5.83949 16.2164L4.41218 17.168C4.35477 17.2008 4.28093 17.1843 4.24816 17.1351C4.20709 17.0777 4.22352 17.0039 4.28093 16.971L5.70833 16.0196C5.75761 15.9868 5.83136 16.0031 5.87243 16.0523H5.87235Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.88043 16.0523C5.92141 16.1098 5.90498 16.1918 5.84757 16.2329L4.42028 17.1844C4.36287 17.2254 4.28082 17.2089 4.23984 17.1434C4.19877 17.086 4.21528 17.0039 4.27261 16.9629L5.69998 16.0113C5.75739 15.9704 5.83936 15.9868 5.88034 16.0523H5.88043ZM4.25626 17.127C4.28903 17.1761 4.35466 17.1926 4.40385 17.1598L5.83115 16.2082C5.88043 16.1754 5.89677 16.1098 5.85579 16.0524C5.82302 16.0031 5.75739 15.9868 5.70811 16.0196L4.28082 16.9711C4.23162 17.0121 4.22341 17.0778 4.25626 17.127Z"
-        fill="white"
-      />
-      <path
-        d="M4.65002 15.8801C4.68288 15.9375 4.66645 16.0113 4.60904 16.0442L3.94456 16.4215C3.88715 16.4542 3.81331 16.4297 3.78054 16.3723C3.74769 16.3149 3.76412 16.241 3.82153 16.2082L4.486 15.8309C4.54341 15.7981 4.61725 15.8227 4.65011 15.8801H4.65002Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.6583 15.8719C4.69107 15.9375 4.67464 16.0113 4.61723 16.0442L3.95277 16.4215C3.89536 16.4542 3.81331 16.4297 3.78054 16.3723C3.74769 16.3067 3.76412 16.2328 3.82153 16.2L4.48598 15.8227C4.54339 15.7898 4.62544 15.8145 4.65821 15.8719H4.6583ZM3.78867 16.3641C3.82153 16.4215 3.88715 16.4379 3.93635 16.4051L4.6008 16.0278C4.65 15.9949 4.66643 15.9293 4.64187 15.8801C4.60902 15.8227 4.54339 15.8063 4.49419 15.8391L3.82974 16.2164C3.78054 16.241 3.76411 16.3067 3.78876 16.3641H3.78867Z"
-        fill="white"
-      />
-      <path
-        d="M5.19952 14.7891C5.22407 14.8547 5.19952 14.9204 5.13389 14.9449L3.55068 15.6012C3.49327 15.6258 3.41943 15.593 3.39487 15.5355C3.37023 15.4699 3.39487 15.4043 3.4605 15.3797L5.04371 14.7235C5.10112 14.6989 5.17496 14.7235 5.19952 14.7891Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.20773 14.7809C5.23229 14.8465 5.20773 14.9204 5.14211 14.9531L3.55889 15.6094C3.52735 15.6213 3.49237 15.6202 3.46163 15.6063C3.43089 15.5925 3.40689 15.5671 3.39487 15.5356C3.37023 15.4699 3.39487 15.3961 3.4605 15.3633L5.04371 14.7071C5.07526 14.6952 5.11023 14.6963 5.14097 14.7101C5.17171 14.724 5.19572 14.7494 5.20773 14.7809ZM3.41122 15.5273C3.43586 15.5848 3.50148 15.6095 3.55068 15.593L5.13389 14.9367C5.1913 14.9122 5.21594 14.8465 5.1913 14.7891C5.16675 14.7317 5.10112 14.7071 5.05184 14.7235L3.46863 15.3797C3.41122 15.4043 3.38666 15.4699 3.41122 15.5274V15.5273Z"
-        fill="white"
-      />
-      <path
-        d="M4.04298 14.3789C4.06753 14.4445 4.03476 14.5102 3.96914 14.5347L3.24726 14.7727C3.18985 14.7972 3.11601 14.7562 3.09958 14.6988C3.07502 14.6332 3.10779 14.5676 3.17342 14.543L3.8953 14.3051C3.95271 14.2805 4.01833 14.3133 4.04298 14.3789Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.05106 14.3707C4.07571 14.4364 4.04294 14.5102 3.9691 14.5349L3.24723 14.7727C3.18161 14.7973 3.10777 14.7563 3.08313 14.6907C3.05857 14.625 3.09134 14.5512 3.16527 14.5266L3.88705 14.2887C3.95267 14.2723 4.02651 14.3051 4.05115 14.3708L4.05106 14.3707ZM3.09964 14.6826C3.11607 14.74 3.18169 14.7728 3.2391 14.7564L3.96097 14.5184C4.01838 14.5021 4.04302 14.4365 4.02659 14.379C4.01017 14.3216 3.94454 14.2888 3.88713 14.3052L3.16527 14.5432C3.10785 14.5677 3.08321 14.6251 3.09964 14.6826Z"
-        fill="white"
-      />
-      <path
-        d="M4.78141 13.4028C4.79775 13.4684 4.75677 13.534 4.69114 13.5422L3.00946 13.8703C2.94384 13.8868 2.88643 13.8375 2.87008 13.7719C2.85366 13.7062 2.89464 13.6406 2.96026 13.6324L4.64195 13.3043C4.70757 13.2961 4.7732 13.3371 4.78132 13.4028H4.78141Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.79769 13.4028C4.81412 13.4766 4.76492 13.5422 4.6993 13.5586L3.0176 13.8867C2.95198 13.9031 2.88635 13.8539 2.87001 13.7801C2.85358 13.7063 2.90278 13.6406 2.9684 13.6243L4.6501 13.2962C4.71564 13.2797 4.78135 13.3289 4.79769 13.4028ZM2.88635 13.772C2.89457 13.8293 2.95198 13.8704 3.00939 13.8621L4.69108 13.534C4.74849 13.5258 4.78948 13.4602 4.77313 13.4028C4.76492 13.3454 4.70751 13.3043 4.65001 13.3125L2.9684 13.6406C2.91099 13.6571 2.87001 13.7145 2.88635 13.7719V13.772Z"
-        fill="white"
-      />
-      <path
-        d="M3.73139 12.7712C3.73952 12.8367 3.69854 12.8943 3.63291 12.9025L2.87826 12.9927C2.81256 13.0009 2.75514 12.9517 2.74701 12.8859C2.7388 12.8204 2.77979 12.763 2.84541 12.7547L3.60014 12.6645C3.65755 12.6563 3.72318 12.7055 3.73139 12.7712Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M3.73961 12.7712C3.74774 12.8449 3.69855 12.9105 3.63292 12.9187L2.87828 13.009C2.81257 13.0172 2.74703 12.968 2.73881 12.8942C2.7306 12.8203 2.7798 12.7547 2.84542 12.7465L3.60015 12.6563C3.66569 12.648 3.7314 12.6973 3.73953 12.7711L3.73961 12.7712ZM2.74694 12.886C2.75515 12.9434 2.81265 12.9926 2.87006 12.9843L3.62471 12.8942C3.68212 12.886 3.72319 12.8286 3.71497 12.7712C3.70676 12.7137 3.64935 12.6645 3.59194 12.6727L2.83721 12.7629C2.7798 12.7712 2.73881 12.8286 2.74694 12.886Z"
-        fill="white"
-      />
-      <path
-        d="M4.64994 11.9754C4.64994 12.0411 4.60083 12.0985 4.53512 12.0985H2.82075C2.75513 12.0985 2.70593 12.0411 2.70593 11.9754C2.70593 11.9098 2.75513 11.8523 2.82075 11.8523H4.53521C4.60083 11.8523 4.65011 11.9098 4.65011 11.9754L4.64994 11.9754Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.65829 11.9754C4.65829 12.0493 4.60079 12.1066 4.53517 12.1066H2.82079C2.75517 12.1066 2.69775 12.0492 2.69775 11.9754C2.69775 11.9016 2.75517 11.8441 2.82079 11.8441H4.53525C4.60088 11.8441 4.65829 11.9016 4.65829 11.9754ZM2.7141 11.9672C2.7141 12.0246 2.76329 12.082 2.82079 12.082H4.53517C4.59258 12.082 4.64186 12.0329 4.64186 11.9672C4.64186 11.9098 4.59258 11.8523 4.53517 11.8523H2.82079C2.76338 11.8605 2.71418 11.9098 2.71418 11.9672H2.7141Z"
-        fill="white"
-      />
-      <path
-        d="M3.73966 11.1469C3.73136 11.2125 3.68216 11.2617 3.61654 11.2617L2.85358 11.2043C2.78804 11.1961 2.73884 11.1387 2.74697 11.073C2.75519 11.0074 2.80447 10.9582 2.8701 10.9582L3.63296 11.0156C3.69038 11.0238 3.73966 11.0813 3.73966 11.1469Z"
-        fill="#E2E2E2"
-      />
-      <path
-        d="M3.74763 11.1469C3.73941 11.2207 3.682 11.2699 3.61638 11.2699L2.85344 11.2125C2.7879 11.2043 2.73049 11.1469 2.7387 11.073C2.74683 10.9993 2.80433 10.95 2.86995 10.95L3.6328 11.0074C3.69843 11.0156 3.74763 11.0813 3.74763 11.1469ZM2.74683 11.073C2.7387 11.1305 2.7879 11.188 2.84531 11.188L3.60825 11.2454C3.66557 11.2454 3.71486 11.2043 3.72307 11.1387C3.73128 11.0813 3.682 11.0239 3.62459 11.0239L2.86165 10.9664C2.80433 10.9664 2.75504 11.0156 2.74683 11.0731V11.073Z"
-        fill="white"
-      />
-      <path
-        d="M4.79753 10.548C4.7811 10.6136 4.72369 10.6547 4.65807 10.6465L2.97646 10.302C2.91083 10.2855 2.86976 10.2281 2.88619 10.1625C2.90262 10.0969 2.96003 10.0558 3.02565 10.0641L4.70735 10.4004C4.76476 10.4168 4.80574 10.4824 4.79753 10.548Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.80586 10.548C4.78943 10.6219 4.72381 10.6629 4.65818 10.6547L2.97658 10.3184C2.91096 10.3019 2.86176 10.2363 2.87819 10.1626C2.89453 10.0886 2.96016 10.0477 3.02578 10.0559L4.70746 10.3922C4.77309 10.4086 4.81407 10.4743 4.80586 10.548ZM2.89453 10.1625C2.88632 10.2199 2.91909 10.2773 2.97658 10.2937L4.65827 10.6301C4.71568 10.6383 4.77309 10.6055 4.78952 10.5398C4.79764 10.4824 4.76487 10.425 4.70738 10.4086L3.02586 10.0723C2.96024 10.0641 2.91104 10.1051 2.89462 10.1625H2.89453Z"
-        fill="white"
-      />
-      <path
-        d="M4.0596 9.56377C4.05584 9.57939 4.04903 9.59412 4.03957 9.60711C4.0301 9.6201 4.01817 9.63109 4.00446 9.63947C3.99074 9.64784 3.97551 9.65343 3.95963 9.65592C3.94375 9.6584 3.92754 9.65773 3.91192 9.65394L3.17361 9.44887C3.10799 9.43244 3.07522 9.36682 3.09156 9.3012C3.09532 9.28558 3.10213 9.27085 3.1116 9.25786C3.12106 9.24487 3.13299 9.23387 3.1467 9.2255C3.16042 9.21712 3.17565 9.21153 3.19153 9.20905C3.20741 9.20657 3.22362 9.20724 3.23924 9.21102L3.97755 9.4161C4.04318 9.43244 4.07595 9.49806 4.0596 9.56368V9.56377Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.06748 9.56374C4.05114 9.62928 3.9773 9.67855 3.91167 9.65391L3.17336 9.44884C3.10773 9.43241 3.06666 9.35858 3.08309 9.29304C3.09952 9.22734 3.17336 9.17814 3.23898 9.20278L3.9773 9.40786C4.04293 9.42428 4.084 9.48991 4.06748 9.56365V9.56374ZM3.10773 9.29287C3.0913 9.35037 3.12416 9.41599 3.18157 9.43233L3.91989 9.6374C3.9773 9.65383 4.03471 9.62098 4.05114 9.55536C4.06748 9.49795 4.03471 9.43233 3.9773 9.41599L3.23898 9.21091C3.18157 9.2027 3.12416 9.23547 3.10773 9.29296V9.29287Z"
-        fill="white"
-      />
-      <path
-        d="M5.21605 9.16998C5.19149 9.23552 5.11757 9.26016 5.06024 9.23552L3.47695 8.57928C3.41953 8.55473 3.38676 8.48089 3.41132 8.42348C3.43596 8.35785 3.5098 8.33321 3.56721 8.35785L5.15042 9.01409C5.21605 9.03865 5.24069 9.11248 5.21605 9.16989V9.16998Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.22415 9.17812C5.21214 9.20964 5.18812 9.23511 5.15736 9.24895C5.12659 9.26279 5.0916 9.26387 5.06004 9.25195L3.47682 8.59572C3.41119 8.57116 3.38664 8.49732 3.41119 8.42349C3.42321 8.39197 3.44723 8.36649 3.47799 8.35265C3.50875 8.33881 3.54374 8.33773 3.5753 8.34965L5.15852 9.00589C5.22415 9.03866 5.24871 9.11258 5.22415 9.17812ZM3.42762 8.4317C3.40306 8.48911 3.42762 8.55473 3.48503 8.57929L5.06826 9.23553C5.12567 9.26017 5.18308 9.22731 5.20772 9.1699C5.23228 9.11249 5.20772 9.04687 5.15031 9.02231L3.56709 8.36607C3.50967 8.34965 3.44405 8.37429 3.42762 8.4317Z"
-        fill="white"
-      />
-      <path
-        d="M4.68284 8.06252C4.65007 8.11994 4.58444 8.14458 4.52703 8.11994L3.84614 7.77545C3.78873 7.75081 3.76409 7.67696 3.79694 7.61133C3.82971 7.55392 3.89534 7.52928 3.95275 7.55392L4.63356 7.89849C4.69105 7.93126 4.71569 8.00519 4.68284 8.06252Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M4.69114 8.07075C4.65828 8.13637 4.58444 8.16102 4.51882 8.12816L3.83802 7.7836C3.77239 7.75083 3.74775 7.67699 3.7806 7.61136C3.81337 7.54574 3.8873 7.5211 3.95284 7.55395L4.63364 7.89851C4.69935 7.92307 4.72391 8.00521 4.69114 8.07075ZM3.80516 7.61958C3.7806 7.67699 3.79703 7.74262 3.85444 7.76726L4.53525 8.11182C4.58453 8.13637 4.65015 8.11182 4.68292 8.06253C4.70748 8.00512 4.69114 7.93949 4.63372 7.91485L3.94454 7.57046C3.89534 7.54591 3.82972 7.56225 3.80508 7.61966L3.80516 7.61958Z"
-        fill="white"
-      />
-      <path
-        d="M5.8886 7.90662C5.84761 7.96412 5.78199 7.98055 5.72457 7.93948L4.30535 6.99617C4.24802 6.96332 4.23981 6.88948 4.27258 6.83207C4.30544 6.77466 4.37928 6.75823 4.43669 6.79921L5.86404 7.75082C5.91324 7.78367 5.92967 7.85751 5.8886 7.90662Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.89685 7.91483C5.85587 7.97232 5.77382 7.98867 5.71649 7.95589L4.29731 7.00429C4.2399 6.96331 4.22347 6.88947 4.26445 6.82393C4.30552 6.76643 4.38757 6.75 4.44498 6.78286L5.86408 7.73438C5.92971 7.77545 5.93792 7.85742 5.89685 7.91483ZM4.28088 6.83206C4.24811 6.88125 4.25632 6.95509 4.30544 6.98786L5.73283 7.93955C5.78203 7.97241 5.84766 7.95598 5.88051 7.90678C5.91328 7.8575 5.90507 7.78366 5.85595 7.75089L4.42847 6.79929C4.37927 6.76643 4.31365 6.78286 4.2808 6.83206H4.28088Z"
-        fill="white"
-      />
-      <path
-        d="M5.58519 6.71719C5.54421 6.76639 5.47037 6.78281 5.42117 6.74175L4.82232 6.27425C4.77313 6.23319 4.76491 6.15935 4.8059 6.11015C4.84688 6.06096 4.92072 6.04453 4.97 6.0856L5.56877 6.55309C5.61805 6.59416 5.62626 6.66791 5.58519 6.71719Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M5.59342 6.72534C5.55243 6.78284 5.47038 6.79105 5.41297 6.74998L4.81415 6.28249C4.75674 6.2415 4.74852 6.15945 4.78959 6.10213C4.83057 6.04463 4.91262 6.03642 4.96995 6.07749L5.56877 6.54498C5.62627 6.58605 5.63448 6.66802 5.59342 6.72551V6.72534ZM4.80593 6.11017C4.76495 6.15937 4.77316 6.22499 4.82236 6.26598L5.42119 6.73364C5.47038 6.76641 5.53601 6.7582 5.57699 6.709C5.61806 6.6598 5.60984 6.59418 5.56065 6.5532L4.96182 6.08553C4.91262 6.05276 4.84691 6.06097 4.80602 6.11017H4.80593Z"
-        fill="white"
-      />
-      <path
-        d="M6.80733 6.79924C6.75822 6.84853 6.68429 6.84853 6.64331 6.79924L5.42113 5.59343C5.37193 5.54423 5.38006 5.47039 5.42113 5.42932C5.47032 5.38021 5.54417 5.38021 5.58515 5.42932L6.79928 6.63522C6.84848 6.67621 6.84848 6.75826 6.8075 6.79933L6.80733 6.79924Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.80748 6.80748C6.78341 6.83111 6.75103 6.84435 6.7173 6.84435C6.68356 6.84435 6.65118 6.83111 6.62711 6.80748L5.41294 5.60151C5.38925 5.57744 5.37598 5.54502 5.37598 5.51125C5.37598 5.47747 5.38925 5.44505 5.41294 5.42098C5.43701 5.39732 5.46941 5.38406 5.50316 5.38406C5.53691 5.38406 5.56931 5.39732 5.59338 5.42098L6.80748 6.62686C6.86489 6.67606 6.86489 6.75811 6.80748 6.80731V6.80748ZM5.42953 5.43741C5.38846 5.47848 5.38846 5.55231 5.42953 5.59321L6.64354 6.79909C6.68461 6.84016 6.75836 6.84016 6.79935 6.79909C6.84042 6.75811 6.84042 6.68427 6.79935 6.64329L5.58534 5.42928C5.54435 5.3883 5.47864 5.3883 5.42953 5.43749V5.43741Z"
-        fill="white"
-      />
-      <path
-        d="M6.73357 5.57698C6.68438 5.61804 6.61054 5.61804 6.56947 5.56876L6.06904 4.99456C6.02814 4.94537 6.03627 4.87153 6.08555 4.83054C6.13466 4.78948 6.20858 4.78948 6.24957 4.83867L6.75 5.41296C6.79098 5.45394 6.78277 5.52778 6.73357 5.57698Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M6.74175 5.57698C6.68434 5.62618 6.6105 5.61805 6.56122 5.56877L6.06086 4.99457C6.01166 4.94537 6.01988 4.86331 6.07729 4.81412C6.1347 4.76483 6.20854 4.77305 6.25774 4.82233L6.75818 5.39645C6.79916 5.45394 6.79916 5.536 6.74175 5.57698ZM6.0855 4.83054C6.03622 4.87153 6.03622 4.93715 6.06908 4.98635L6.56952 5.56055C6.6105 5.60162 6.67613 5.60984 6.72532 5.56877C6.77452 5.52778 6.77452 5.46207 6.74175 5.41296L6.24131 4.83867C6.20033 4.78956 6.13462 4.78956 6.0855 4.83054Z"
-        fill="white"
-      />
-      <path
-        d="M7.91485 5.88875C7.85744 5.92973 7.7836 5.91331 7.75075 5.85589L6.79102 4.43671C6.75817 4.3793 6.77459 4.30546 6.82379 4.27269C6.8812 4.23171 6.95504 4.24814 6.9879 4.30555L7.93941 5.72465C7.98047 5.78206 7.96405 5.85589 7.91485 5.88866V5.88875Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M7.91495 5.89692C7.85754 5.93798 7.7755 5.92147 7.73443 5.86415L6.78295 4.44494C6.74197 4.38753 6.7584 4.30556 6.82394 4.26458C6.88134 4.22351 6.96339 4.23994 7.00446 4.29735L7.95593 5.71647C7.99692 5.78209 7.98049 5.85593 7.91495 5.89692ZM6.83206 4.28092C6.78287 4.31369 6.76644 4.37932 6.7993 4.4286L7.75077 5.84772C7.78362 5.89692 7.84925 5.90513 7.90657 5.87227C7.95585 5.8395 7.97228 5.77388 7.93942 5.72468L6.98803 4.31369C6.95518 4.26458 6.88135 4.24807 6.83223 4.28092H6.83206Z"
-        fill="white"
-      />
-      <path
-        d="M8.08708 4.67468C8.02967 4.70745 7.95584 4.69111 7.92307 4.6337L7.54568 3.96923C7.51291 3.91182 7.53747 3.83798 7.59496 3.80513C7.65237 3.77236 7.7262 3.7887 7.75897 3.8462L8.13627 4.51058C8.16091 4.56799 8.14449 4.64183 8.08716 4.67468H8.08708Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M8.087 4.6829C8.02138 4.71567 7.94754 4.69933 7.91477 4.64183L7.53737 3.97745C7.5046 3.91995 7.52102 3.83798 7.58665 3.80513C7.65227 3.77236 7.72611 3.7887 7.75888 3.8462L8.1362 4.51058C8.16905 4.56799 8.15263 4.64183 8.08709 4.6829H8.087ZM7.59486 3.81334C7.54558 3.84611 7.52102 3.91174 7.55379 3.96102L7.9312 4.62549C7.96397 4.6746 8.02959 4.69111 8.07879 4.66647C8.12807 4.6337 8.15263 4.56799 8.11986 4.51879L7.74245 3.85433C7.7179 3.80521 7.64406 3.78049 7.59486 3.81334Z"
-        fill="white"
-      />
-      <path
-        d="M9.17796 5.21602C9.11243 5.24058 9.04672 5.21602 9.02216 5.15861L8.35773 3.57531C8.33318 3.5179 8.36594 3.44406 8.42335 3.41942C8.48897 3.39487 8.5546 3.41942 8.57915 3.47683L9.24359 5.06005C9.26823 5.11746 9.23546 5.1913 9.17796 5.21585V5.21602Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M9.17818 5.22431C9.11264 5.24887 9.0388 5.22431 9.00594 5.1586L8.34147 3.57548C8.32955 3.54392 8.33063 3.50893 8.34447 3.47817C8.35832 3.44741 8.38379 3.42339 8.41531 3.41138C8.48093 3.38682 8.55477 3.41138 8.58763 3.477L9.25202 5.06021C9.27666 5.11762 9.24389 5.19145 9.17826 5.22431H9.17818ZM8.43174 3.4278C8.37432 3.45236 8.34968 3.51807 8.37432 3.56727L9.03871 5.15039C9.06327 5.2078 9.12889 5.23235 9.18631 5.2078C9.24372 5.18324 9.26844 5.11753 9.24372 5.06833L8.57933 3.48513C8.54648 3.42772 8.48906 3.40308 8.43165 3.42772L8.43174 3.4278Z"
-        fill="white"
-      />
-      <path
-        d="M9.57993 4.05127C9.51431 4.07583 9.44869 4.04298 9.42414 3.97744L9.18622 3.25549C9.16166 3.19808 9.20264 3.12424 9.26005 3.1079C9.31745 3.09147 9.39129 3.11611 9.41584 3.18173L9.65376 3.9036C9.67831 3.96101 9.64555 4.02663 9.57993 4.05119V4.05127Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M9.58826 4.05941C9.55671 4.0713 9.52173 4.07021 9.49099 4.05637C9.46025 4.04253 9.43624 4.01708 9.42423 3.98558L9.18627 3.2637C9.16172 3.19808 9.2027 3.12432 9.26841 3.09968C9.29996 3.08779 9.33494 3.08889 9.36568 3.10272C9.39642 3.11656 9.42043 3.14202 9.43244 3.17352L9.67031 3.89539C9.68674 3.96102 9.65388 4.03486 9.58826 4.05941ZM9.26833 3.11611C9.21092 3.13245 9.17806 3.19808 9.19449 3.25549L9.43244 3.97745C9.44878 4.03486 9.51441 4.05941 9.57191 4.04299C9.62933 4.02664 9.6621 3.96102 9.64567 3.90361L9.4078 3.18165C9.40362 3.16772 9.39655 3.15483 9.38706 3.14382C9.37757 3.13281 9.36586 3.12392 9.3527 3.11773C9.33955 3.11154 9.32524 3.10818 9.3107 3.10789C9.29616 3.1076 9.28172 3.11037 9.26833 3.11602V3.11611Z"
-        fill="white"
-      />
-      <path
-        d="M10.548 4.79768C10.4823 4.8141 10.4167 4.77312 10.4085 4.70741L10.064 3.02581C10.0475 2.96019 10.0968 2.90278 10.1624 2.88635C10.2281 2.86992 10.2936 2.9109 10.3018 2.97661L10.6464 4.6583C10.6546 4.71562 10.6136 4.78125 10.548 4.79768Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M10.5481 4.80589C10.4742 4.82232 10.4086 4.77303 10.3922 4.70741L10.0476 3.0258C10.0312 2.96018 10.0805 2.88634 10.1461 2.87812C10.2199 2.8617 10.2856 2.91098 10.3019 2.9766L10.6465 4.6583C10.6629 4.72384 10.6219 4.78955 10.5481 4.80589ZM10.1625 2.89455C10.105 2.90276 10.064 2.96018 10.0723 3.0258L10.4168 4.70749C10.425 4.76482 10.4906 4.80589 10.5481 4.78946C10.6055 4.78125 10.6465 4.72384 10.6382 4.65821L10.2937 2.97652C10.2773 2.91919 10.2199 2.88634 10.1624 2.89455H10.1625Z"
-        fill="white"
-      />
-      <path
-        d="M11.1715 3.73128C11.1059 3.73949 11.0485 3.69851 11.032 3.63288L10.9336 2.87814C10.9254 2.81252 10.9746 2.7551 11.0403 2.74689C11.1059 2.73868 11.1633 2.77975 11.1797 2.84537L11.2781 3.60003C11.2863 3.66565 11.2371 3.72306 11.1715 3.73128Z"
-        fill="#F3F3F3"
-      />
-      <path
-        d="M11.1715 3.73948C11.0977 3.74769 11.0321 3.6985 11.0238 3.63279L10.9255 2.87814C10.9172 2.81251 10.9664 2.74689 11.0403 2.73867C11.1141 2.73054 11.1797 2.77974 11.1879 2.84537L11.2863 3.60002C11.2945 3.66564 11.2453 3.73127 11.1715 3.73948ZM11.0485 2.7551C10.9911 2.76331 10.9418 2.82073 10.95 2.87814L11.0485 3.63287C11.0567 3.69028 11.1141 3.73127 11.1715 3.72305C11.2289 3.71492 11.2782 3.65743 11.27 3.60002L11.1715 2.84537C11.1633 2.78796 11.1059 2.74689 11.0485 2.7551Z"
-        fill="white"
-      />
-      <path
-        d="M12.0575 21.7043C17.4215 21.7043 21.77 17.3559 21.77 11.9918C21.77 6.62773 17.4215 2.2793 12.0575 2.2793C6.6934 2.2793 2.34497 6.62773 2.34497 11.9918C2.34497 17.3559 6.6934 21.7043 12.0575 21.7043Z"
-        fill="url(#paint2_linear_716_8465)"
-        fillOpacity="0.2"
-      />
-      <path
-        d="M18.7841 5.83127L10.95 10.8516H10.9418V10.8598L10.9336 10.868L6.04468 18.9317L13.2306 13.1485L13.2388 13.1404V13.1322L18.7841 5.83135L18.7841 5.83127Z"
-        fill="black"
-        fillOpacity="0.05"
-      />
-      <path
-        d="M18.6363 5.36365L10.8926 10.8679L13.1895 13.1484L18.6363 5.36365Z"
-        fill="#CD151E"
-      />
-      <path
-        d="M10.9009 10.8516L12.0576 11.9917L18.6364 5.36365L10.9009 10.8516Z"
-        fill="#FA5153"
-      />
-      <path
-        d="M10.9009 10.8516L13.1977 13.1319L5.45398 18.6363L10.9009 10.8515V10.8516Z"
-        fill="#ACACAC"
-      />
-      <path
-        d="M5.45398 18.6363L12.0575 11.9918L10.9008 10.8515L5.45398 18.6363Z"
-        fill="#EEEEEE"
-      />
-      <defs>
-        <linearGradient
-          id="paint0_linear_716_8465"
-          x1="12"
-          y1="22.5"
-          x2="12"
-          y2="1.5"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.25" stopColor="#DBDBDA" />
-          <stop offset="1" stopColor="white" />
-        </linearGradient>
-        <radialGradient
-          id="paint1_radial_716_8465"
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(13.3647 9.86653) scale(11.8555)"
-        >
-          <stop stopColor="#2ABCE1" />
-          <stop offset="0.11363" stopColor="#2ABBE1" />
-          <stop offset="1" stopColor="#3375F8" />
-        </radialGradient>
-        <linearGradient
-          id="paint2_linear_716_8465"
-          x1="11.8729"
-          y1="9.2146"
-          x2="7.33972"
-          y2="17.3477"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopOpacity="0" />
-          <stop offset="1" />
-        </linearGradient>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z" fill="url(#paint0_linear_716_8465)"/>
+<path d="M12.0001 21.7125C17.3642 21.7125 21.7126 17.364 21.7126 12C21.7126 6.63591 17.3642 2.28748 12.0001 2.28748C6.63603 2.28748 2.2876 6.63591 2.2876 12C2.2876 17.364 6.63603 21.7125 12.0001 21.7125Z" fill="url(#paint1_radial_716_8465)"/>
+<path d="M12.0165 4.65002C11.9508 4.65002 11.8934 4.60082 11.8934 4.5352V2.82073C11.8934 2.7551 11.9508 2.7059 12.0165 2.7059C12.0821 2.7059 12.1395 2.7551 12.1395 2.82073V4.5352C12.1313 4.60082 12.0821 4.65002 12.0165 4.65002Z" fill="#F3F3F3"/>
+<path d="M12.0165 4.65822C11.9427 4.65822 11.8853 4.60081 11.8853 4.53518V2.82073C11.8853 2.7551 11.9427 2.69769 12.0165 2.69769C12.0903 2.69769 12.1477 2.7551 12.1477 2.82073V4.53518C12.1477 4.60081 12.0821 4.65822 12.0165 4.65822ZM12.0165 2.71404C11.9591 2.71404 11.9017 2.76332 11.9017 2.82073V4.53518C11.9017 4.59259 11.9509 4.64187 12.0165 4.64187C12.0739 4.64187 12.1313 4.59259 12.1313 4.53518V2.82073C12.1232 2.76332 12.0739 2.71404 12.0165 2.71404Z" fill="white"/>
+<path d="M12.8367 3.73126C12.7711 3.72305 12.7219 3.67385 12.7219 3.60823L12.7793 2.84527C12.7875 2.77973 12.845 2.73044 12.9106 2.73866C12.9762 2.74687 13.0254 2.79616 13.0254 2.86178L12.968 3.62465C12.9598 3.69028 12.9024 3.73948 12.8367 3.73135V3.73126Z" fill="#F3F3F3"/>
+<path d="M12.8368 3.73947C12.7629 3.73125 12.7137 3.67384 12.7137 3.60822L12.7712 2.84527C12.7794 2.77973 12.8368 2.72232 12.9106 2.73045C12.9844 2.73866 13.0337 2.79616 13.0337 2.8617L12.9762 3.62464C12.968 3.69848 12.9106 3.74768 12.8368 3.73947ZM12.9106 2.74687C12.8532 2.74687 12.7957 2.78794 12.7957 2.84535L12.7383 3.6083C12.7383 3.66563 12.7794 3.71491 12.845 3.72304C12.9024 3.72304 12.9598 3.68206 12.9598 3.62464L13.0172 2.8617C13.0172 2.80428 12.968 2.75509 12.9105 2.74687H12.9106Z" fill="white"/>
+<path d="M13.4519 4.79769C13.3862 4.78127 13.3452 4.72385 13.3535 4.65823L13.6898 2.97653C13.7062 2.91099 13.7636 2.86992 13.8292 2.88634C13.8949 2.90277 13.9358 2.96018 13.9276 3.02581L13.5913 4.70751C13.5831 4.76484 13.5175 4.80591 13.4518 4.79769H13.4519Z" fill="#F3F3F3"/>
+<path d="M13.4521 4.80588C13.3782 4.78945 13.3372 4.72383 13.3454 4.6582L13.6817 2.97652C13.6981 2.91098 13.7638 2.8617 13.8375 2.87812C13.9113 2.89455 13.9524 2.96018 13.9442 3.0258L13.6079 4.70748C13.5915 4.77302 13.5258 4.81409 13.4521 4.80588ZM13.8375 2.89455C13.7801 2.88634 13.7227 2.91911 13.7063 2.9766L13.37 4.65829C13.3618 4.71561 13.3946 4.77302 13.4602 4.78954C13.5176 4.79766 13.575 4.76481 13.5915 4.7074L13.9278 3.0258C13.936 2.96018 13.895 2.91098 13.8375 2.89455Z" fill="white"/>
+<path d="M14.4363 4.05941C14.4207 4.05565 14.4059 4.04884 14.3929 4.03938C14.3799 4.02992 14.3689 4.01799 14.3606 4.00427C14.3522 3.99055 14.3466 3.97532 14.3441 3.95944C14.3416 3.94357 14.3423 3.92736 14.3461 3.91174L14.5512 3.17352C14.5675 3.10789 14.6332 3.07504 14.6988 3.09147C14.7644 3.10789 14.8055 3.17352 14.7891 3.23914L14.584 3.97745C14.5675 4.04299 14.5019 4.07584 14.4363 4.05941Z" fill="#F3F3F3"/>
+<path d="M14.4364 4.06761C14.3707 4.05118 14.3215 3.97734 14.3462 3.9118L14.5512 3.17342C14.5676 3.10788 14.6414 3.06682 14.707 3.08324C14.7727 3.09967 14.8218 3.17351 14.7973 3.23905L14.5922 3.97743C14.5758 4.04297 14.5102 4.08403 14.4364 4.06761H14.4364ZM14.707 3.10788C14.6496 3.09146 14.584 3.12431 14.5676 3.18172L14.3626 3.91993C14.3462 3.97734 14.379 4.03484 14.4446 4.05118C14.502 4.06761 14.5676 4.03484 14.584 3.97743L14.7891 3.23905C14.7973 3.18172 14.7645 3.12431 14.707 3.1078V3.10788Z" fill="white"/>
+<path d="M14.8384 5.21602C14.7728 5.19138 14.7482 5.11754 14.7728 5.06013L15.429 3.47693C15.4535 3.41952 15.5275 3.38666 15.5848 3.41952C15.6505 3.44407 15.6751 3.518 15.6505 3.57532L14.9943 5.15853C14.9697 5.21602 14.8958 5.24879 14.8385 5.21602H14.8384Z" fill="#F3F3F3"/>
+<path d="M14.8383 5.22434C14.8068 5.21232 14.7813 5.18831 14.7674 5.15754C14.7536 5.12678 14.7525 5.09179 14.7644 5.06023L15.4207 3.47701C15.4453 3.41138 15.5192 3.38674 15.593 3.41138C15.6245 3.4234 15.65 3.44741 15.6639 3.47818C15.6777 3.50894 15.6788 3.54393 15.6669 3.57549L15.0106 5.15871C14.9777 5.22434 14.9039 5.25711 14.8383 5.22434ZM15.5848 3.42781C15.5274 3.40325 15.4618 3.42781 15.4371 3.48522L14.7809 5.06845C14.7563 5.12586 14.7891 5.18327 14.8465 5.20791C14.9039 5.23247 14.9695 5.20791 14.9942 5.1505L15.6504 3.56727C15.6669 3.51799 15.6422 3.45237 15.5848 3.42781Z" fill="white"/>
+<path d="M15.9458 4.69108C15.8883 4.65823 15.8637 4.59261 15.8883 4.5352L16.2328 3.8544C16.2656 3.79691 16.3312 3.77227 16.3969 3.80512C16.4543 3.83797 16.4788 3.9036 16.4543 3.96092L16.1097 4.6418C16.0769 4.69921 16.0113 4.72394 15.9457 4.69108H15.9458Z" fill="#F3F3F3"/>
+<path d="M15.9459 4.6993C15.8801 4.66644 15.8556 4.59261 15.8884 4.52698L16.2329 3.84618C16.2657 3.78047 16.3396 3.75591 16.4052 3.78868C16.4708 3.82154 16.4954 3.89538 16.4626 3.961L16.1181 4.6418C16.0852 4.70743 16.0114 4.73207 15.9458 4.69921L15.9459 4.6993ZM16.397 3.80511C16.3395 3.78055 16.2739 3.7969 16.2493 3.85431L15.9048 4.53519C15.8802 4.58439 15.9048 4.65002 15.954 4.68287C16.0114 4.70743 16.077 4.69108 16.1017 4.63367L16.4462 3.95279C16.4708 3.90359 16.4462 3.83796 16.397 3.80511Z" fill="white"/>
+<path d="M16.1098 5.90511C16.0524 5.86413 16.036 5.79029 16.077 5.74109L17.0286 4.32189C17.0613 4.26448 17.1353 4.25626 17.1926 4.28912C17.2501 4.3301 17.2664 4.40394 17.2254 4.45314L16.2738 5.87234C16.2411 5.92976 16.1672 5.94618 16.1098 5.90511Z" fill="#F3F3F3"/>
+<path d="M16.1099 5.91331C16.0524 5.87233 16.036 5.79028 16.0689 5.73287L17.0204 4.3137C17.0614 4.25629 17.1352 4.23987 17.2009 4.28093C17.2583 4.32192 17.2747 4.40397 17.2419 4.46138L16.2903 5.88054C16.2493 5.93795 16.1673 5.9543 16.1099 5.91331ZM17.1926 4.29736C17.1435 4.26451 17.0696 4.27272 17.0368 4.32192L16.0852 5.74108C16.0524 5.79019 16.0688 5.8559 16.1181 5.88867C16.1673 5.92153 16.2411 5.91331 16.2739 5.86412L17.2255 4.45317C17.2583 4.40397 17.2419 4.33013 17.1926 4.29736Z" fill="white"/>
+<path d="M17.3074 5.60161C17.2583 5.56054 17.2419 5.48671 17.2829 5.43751L17.7586 4.83867C17.7996 4.78956 17.8734 4.78126 17.9226 4.82233C17.9719 4.86331 17.9883 4.93715 17.9472 4.98635L17.4715 5.58519C17.4305 5.63438 17.3567 5.6426 17.3075 5.60161H17.3074Z" fill="#F3F3F3"/>
+<path d="M17.2993 5.6098C17.2418 5.56873 17.2336 5.48668 17.2747 5.42927L17.7504 4.8305C17.7914 4.773 17.8734 4.76478 17.9308 4.81407C17.9882 4.85505 17.9965 4.93711 17.9554 4.99452L17.4797 5.59338C17.4387 5.65079 17.3567 5.659 17.2993 5.6098ZM17.9144 4.83041C17.8653 4.78943 17.7996 4.79764 17.7586 4.84684L17.2828 5.44569C17.2501 5.49489 17.2583 5.56052 17.3074 5.60151C17.3567 5.64257 17.4223 5.63436 17.4633 5.58516L17.939 4.98631C17.9719 4.93711 17.9636 4.86327 17.9145 4.8305L17.9144 4.83041Z" fill="white"/>
+<path d="M17.2254 6.83206C17.1762 6.78286 17.1762 6.70903 17.2254 6.66796L18.4393 5.46217C18.4886 5.41297 18.5624 5.4211 18.6034 5.46217C18.6444 5.50315 18.6526 5.58521 18.6034 5.62619L17.3977 6.83206C17.3484 6.88126 17.2746 6.88126 17.2254 6.83206Z" fill="#F3F3F3"/>
+<path d="M17.2172 6.84025C17.1936 6.81618 17.1803 6.78378 17.1803 6.75003C17.1803 6.71627 17.1936 6.68387 17.2172 6.6598L18.4313 5.45392C18.4553 5.43024 18.4878 5.41696 18.5215 5.41696C18.5553 5.41696 18.5877 5.43024 18.6118 5.45392C18.6355 5.47799 18.6487 5.51039 18.6487 5.54414C18.6487 5.57789 18.6355 5.6103 18.6118 5.63437L17.3977 6.84016C17.3736 6.86382 17.3412 6.87708 17.3074 6.87708C17.2737 6.87708 17.2413 6.86382 17.2172 6.84016V6.84025ZM18.6036 5.46213C18.5626 5.42107 18.4888 5.42107 18.4478 5.46213L17.2336 6.66793C17.1926 6.709 17.1926 6.78284 17.2336 6.82382C17.2746 6.86489 17.3485 6.86489 17.3895 6.82382L18.6036 5.61802C18.6446 5.57696 18.6446 5.51133 18.6036 5.46213Z" fill="white"/>
+<path d="M18.4558 6.76641C18.4148 6.71722 18.4148 6.64338 18.464 6.60231L19.0464 6.11018C19.0956 6.0692 19.1694 6.07733 19.2105 6.12661C19.2515 6.17581 19.2515 6.24964 19.2023 6.29062L18.6199 6.78284C18.5706 6.82382 18.4968 6.81561 18.4558 6.76641Z" fill="#F3F3F3"/>
+<path d="M18.4476 6.77464C18.3984 6.71723 18.4066 6.63518 18.4558 6.59419L19.0382 6.10197C19.0874 6.05277 19.1694 6.06098 19.2186 6.1184C19.2679 6.17581 19.2597 6.25786 19.2105 6.29884L18.628 6.79107C18.5789 6.84018 18.4968 6.83205 18.4477 6.77464H18.4476ZM19.2023 6.12661C19.1612 6.07741 19.0956 6.07741 19.0465 6.11018L18.464 6.60241C18.423 6.64339 18.4148 6.70902 18.4558 6.75821C18.4968 6.80741 18.5625 6.80741 18.6116 6.77464L19.1941 6.28241C19.2433 6.24143 19.2433 6.17581 19.2023 6.12661Z" fill="white"/>
+<path d="M18.1277 7.9477C18.0868 7.89029 18.1032 7.81645 18.1606 7.7836L19.5878 6.83207C19.6452 6.79921 19.7191 6.81564 19.7519 6.86492C19.7929 6.92233 19.7765 6.99617 19.7191 7.02894L18.2918 7.98047C18.2426 8.01333 18.1687 7.9969 18.1277 7.9477Z" fill="#F3F3F3"/>
+<path d="M18.1196 7.94768C18.0786 7.89027 18.095 7.80821 18.1524 7.76723L19.5797 6.81564C19.6371 6.77465 19.7192 6.79108 19.7602 6.8567C19.8012 6.91411 19.7847 6.99617 19.7274 7.03706L18.3001 7.98875C18.2426 8.02981 18.1606 8.01339 18.1196 7.94776V7.94768ZM19.7438 6.87313C19.711 6.82385 19.6454 6.80742 19.5962 6.84028L18.1688 7.79179C18.1196 7.82464 18.1031 7.89027 18.1442 7.94768C18.177 7.99687 18.2426 8.0133 18.2919 7.98053L19.7192 7.02894C19.7684 6.98795 19.7766 6.92224 19.7438 6.87313Z" fill="white"/>
+<path d="M19.3501 8.11997C19.3173 8.06248 19.3337 7.98873 19.3911 7.95587L20.0556 7.57856C20.113 7.54571 20.1868 7.57035 20.2196 7.62767C20.2525 7.68517 20.236 7.75892 20.1786 7.79177L19.5141 8.16917C19.4567 8.20194 19.3829 8.17738 19.35 8.11989L19.3501 8.11997Z" fill="#F3F3F3"/>
+<path d="M19.3419 8.12814C19.3091 8.06251 19.3255 7.98867 19.3829 7.9559L20.0474 7.57856C20.1048 7.54571 20.1869 7.57035 20.2196 7.62768C20.2525 7.69339 20.2361 7.76723 20.1787 7.8L19.5142 8.17743C19.4568 8.2102 19.3747 8.18555 19.3419 8.12814ZM20.2114 7.63598C20.1787 7.57856 20.113 7.56214 20.0638 7.59491L19.3994 7.97233C19.3502 8.0051 19.3337 8.07073 19.3583 8.11993C19.3911 8.17734 19.4568 8.19377 19.506 8.161L20.1704 7.78358C20.2196 7.75902 20.2361 7.69339 20.2114 7.63598Z" fill="white"/>
+<path d="M18.8005 9.21099C18.7759 9.14536 18.8005 9.07974 18.8661 9.05518L20.4493 8.39895C20.5067 8.3743 20.5805 8.40707 20.6051 8.46448C20.6297 8.53011 20.6051 8.59573 20.5395 8.62029L18.9564 9.27652C18.8989 9.30117 18.8251 9.27652 18.8005 9.21099Z" fill="#F3F3F3"/>
+<path d="M18.7922 9.21908C18.7676 9.15354 18.7922 9.07971 18.8578 9.04686L20.441 8.39064C20.4725 8.37875 20.5075 8.37984 20.5383 8.39368C20.569 8.40752 20.593 8.43297 20.605 8.46447C20.6297 8.53009 20.605 8.60393 20.5394 8.6367L18.9563 9.29292C18.9247 9.30484 18.8897 9.30377 18.859 9.28995C18.8282 9.27612 18.8042 9.25067 18.7922 9.21917V9.21908ZM20.5887 8.47268C20.564 8.41528 20.4984 8.39064 20.4492 8.40706L18.866 9.06328C18.8086 9.08784 18.784 9.15354 18.8086 9.21095C18.8332 9.26836 18.8988 9.293 18.9481 9.27658L20.5312 8.62035C20.5887 8.5958 20.6133 8.53009 20.5887 8.47268Z" fill="white"/>
+<path d="M19.9571 9.62116C19.9326 9.55545 19.9653 9.48991 20.031 9.46527L20.7528 9.22733C20.8102 9.20277 20.884 9.24375 20.9004 9.30116C20.925 9.36679 20.8922 9.43241 20.8266 9.45705L20.1048 9.695C20.0474 9.71955 19.9818 9.68678 19.9571 9.62107V9.62116Z" fill="#F3F3F3"/>
+<path d="M19.9489 9.62929C19.9243 9.56367 19.9571 9.48983 20.031 9.46527L20.7527 9.22732C20.8183 9.20276 20.8921 9.24375 20.9168 9.30946C20.9413 9.375 20.9086 9.44884 20.8347 9.47348L20.1129 9.71143C20.0473 9.72778 19.9735 9.69492 19.9489 9.62929ZM20.9004 9.31767C20.8839 9.26017 20.8183 9.22732 20.7609 9.24375L20.0391 9.4817C19.9817 9.49804 19.9571 9.56367 19.9735 9.62117C19.9899 9.67858 20.0555 9.71135 20.1129 9.69492L20.8347 9.45706C20.8921 9.4325 20.9168 9.375 20.9004 9.31759V9.31767Z" fill="white"/>
+<path d="M19.219 10.5973C19.2025 10.5317 19.2435 10.4661 19.3091 10.4578L20.9907 10.1297C21.0562 10.1133 21.1137 10.1625 21.1301 10.2281C21.1465 10.2937 21.1055 10.3594 21.0399 10.3676L19.3583 10.6957C19.2927 10.7039 19.2271 10.6629 19.2189 10.5973H19.219Z" fill="#F3F3F3"/>
+<path d="M19.2023 10.5974C19.1859 10.5235 19.2351 10.4579 19.3007 10.4415L20.9824 10.1133C21.048 10.0969 21.1136 10.1462 21.13 10.22C21.1464 10.2938 21.0972 10.3594 21.0316 10.3758L19.3499 10.704C19.2843 10.7204 19.2186 10.6712 19.2023 10.5973V10.5974ZM21.1136 10.2281C21.1054 10.1707 21.048 10.1297 20.9906 10.1379L19.3089 10.4661C19.2515 10.4743 19.2105 10.5399 19.2268 10.5974C19.2351 10.6548 19.2925 10.6958 19.35 10.6875L21.0316 10.3594C21.089 10.343 21.13 10.2856 21.1136 10.2281Z" fill="white"/>
+<path d="M20.2689 11.2289C20.2607 11.1633 20.3016 11.1059 20.3673 11.0977L21.1219 11.0074C21.1875 10.9992 21.245 11.0485 21.2531 11.1141C21.2614 11.1797 21.2204 11.2371 21.1548 11.2454L20.4 11.3356C20.3426 11.3438 20.277 11.2946 20.2688 11.2289H20.2689Z" fill="#F3F3F3"/>
+<path d="M20.2607 11.2289C20.2524 11.1551 20.3016 11.0895 20.3673 11.0812L21.1219 10.9911C21.1875 10.9829 21.2531 11.032 21.2613 11.1059C21.2695 11.1797 21.2203 11.2453 21.1547 11.2536L20.4 11.3437C20.3345 11.3519 20.2688 11.3027 20.2607 11.2289ZM21.2531 11.1141C21.245 11.0567 21.1876 11.0074 21.1301 11.0156L20.3755 11.1059C20.3181 11.1141 20.277 11.1715 20.2852 11.2289C20.2934 11.2863 20.3508 11.3356 20.4082 11.3274L21.1629 11.2371C21.2203 11.2289 21.2613 11.1715 21.2532 11.1141H21.2531Z" fill="white"/>
+<path d="M19.3502 12.0246C19.3502 11.959 19.3993 11.9016 19.465 11.9016H21.1795C21.2451 11.9016 21.2943 11.959 21.2943 12.0246C21.2943 12.0903 21.2451 12.1477 21.1795 12.1477H19.465C19.3994 12.1477 19.3502 12.0903 19.3502 12.0246Z" fill="#F3F3F3"/>
+<path d="M19.3419 12.0246C19.3419 11.9508 19.3993 11.8934 19.465 11.8934H21.1794C21.245 11.8934 21.3025 11.9508 21.3025 12.0246C21.3025 12.0985 21.245 12.1559 21.1794 12.1559H19.465C19.3993 12.1559 19.3419 12.0985 19.3419 12.0246ZM21.286 12.0329C21.286 11.9755 21.2368 11.918 21.1793 11.918H19.465C19.4076 11.918 19.3583 11.9672 19.3583 12.0329C19.3583 12.0903 19.4076 12.1477 19.465 12.1477H21.1795C21.2369 12.1395 21.2861 12.0903 21.2861 12.0329H21.286Z" fill="white"/>
+<path d="M20.2606 12.8531C20.2687 12.7875 20.318 12.7383 20.3836 12.7383L21.1465 12.7957C21.2121 12.8039 21.2612 12.8613 21.253 12.927C21.2449 12.9926 21.1956 13.0418 21.13 13.0418L20.3672 12.9844C20.3098 12.9762 20.2605 12.9188 20.2605 12.8531H20.2606Z" fill="#F3F3F3"/>
+<path d="M20.2524 12.8531C20.2607 12.7793 20.3181 12.7301 20.3837 12.7301L21.1467 12.7875C21.2123 12.7957 21.2697 12.8531 21.2615 12.927C21.2533 13.0008 21.1958 13.05 21.1302 13.05L20.3673 12.9926C20.3016 12.9844 20.2524 12.9188 20.2524 12.8531ZM21.2533 12.927C21.2615 12.8696 21.2123 12.8122 21.1548 12.8122L20.3918 12.7547C20.3345 12.7547 20.2852 12.7957 20.277 12.8614C20.2689 12.9188 20.3181 12.9762 20.3755 12.9762L21.1385 13.0336C21.1958 13.0336 21.2451 12.9845 21.2533 12.927Z" fill="white"/>
+<path d="M19.2025 13.452C19.2189 13.3863 19.2763 13.3453 19.3419 13.3536L21.0236 13.6899C21.0892 13.7063 21.1303 13.7637 21.1138 13.8293C21.0974 13.8949 21.04 13.936 20.9744 13.9278L19.2926 13.5914C19.2352 13.5832 19.1943 13.5176 19.2025 13.452Z" fill="#F3F3F3"/>
+<path d="M19.194 13.452C19.2105 13.3781 19.2761 13.3372 19.3417 13.3453L21.0235 13.6817C21.0891 13.698 21.1383 13.7636 21.1219 13.8375C21.1055 13.9113 21.0399 13.9524 20.9743 13.9442L19.2924 13.6078C19.2268 13.5914 19.1858 13.5258 19.194 13.4521V13.452ZM21.1055 13.8375C21.1137 13.7801 21.081 13.7227 21.0235 13.7062L19.3416 13.3699C19.2843 13.3618 19.2268 13.3946 19.2104 13.4602C19.2023 13.5176 19.235 13.575 19.2925 13.5914L20.9743 13.9277C21.0399 13.9359 21.0891 13.8949 21.1055 13.8375Z" fill="white"/>
+<path d="M19.9406 14.4364C19.9444 14.4207 19.9512 14.406 19.9607 14.393C19.9701 14.38 19.982 14.3691 19.9958 14.3607C20.0095 14.3523 20.0247 14.3467 20.0406 14.3442C20.0564 14.3417 20.0726 14.3424 20.0882 14.3462L20.8265 14.5512C20.8921 14.5676 20.9249 14.6333 20.9086 14.6989C20.9048 14.7145 20.898 14.7292 20.8886 14.7422C20.8791 14.7552 20.8672 14.7663 20.8535 14.7746C20.8397 14.783 20.8245 14.7886 20.8086 14.7911C20.7927 14.7936 20.7765 14.7929 20.7609 14.7892L20.0226 14.584C19.957 14.5676 19.9242 14.502 19.9406 14.4364H19.9406Z" fill="#F3F3F3"/>
+<path d="M19.9325 14.4364C19.949 14.3707 20.0228 14.3215 20.0884 14.3462L20.8267 14.5512C20.8923 14.5676 20.9334 14.6414 20.917 14.707C20.9005 14.7726 20.8267 14.8218 20.7611 14.7973L20.0228 14.5922C19.9572 14.5758 19.9161 14.5102 19.9326 14.4364L19.9325 14.4364ZM20.8923 14.707C20.9088 14.6496 20.8759 14.584 20.8185 14.5676L20.0802 14.3625C20.0228 14.3461 19.9654 14.3789 19.949 14.4446C19.9326 14.502 19.9654 14.5676 20.0228 14.584L20.7611 14.7891C20.8185 14.7973 20.8759 14.7645 20.8923 14.707Z" fill="white"/>
+<path d="M18.784 14.8301C18.8086 14.7645 18.8825 14.7398 18.9398 14.7645L20.5231 15.4207C20.5805 15.4453 20.6133 15.5192 20.5887 15.5765C20.5641 15.6422 20.4902 15.6668 20.4328 15.6422L18.8497 14.986C18.784 14.9614 18.7594 14.8875 18.784 14.8302V14.8301Z" fill="#F3F3F3"/>
+<path d="M18.7758 14.8219C18.7878 14.7904 18.8118 14.7649 18.8426 14.7511C18.8734 14.7372 18.9084 14.7361 18.9399 14.7481L20.5231 15.4043C20.5887 15.429 20.6133 15.5028 20.5887 15.5767C20.5767 15.6082 20.5527 15.6337 20.5219 15.6475C20.4912 15.6613 20.4562 15.6624 20.4246 15.6505L18.8414 14.9942C18.7758 14.9614 18.7513 14.8875 18.7758 14.8219ZM20.5723 15.5684C20.5968 15.511 20.5723 15.4454 20.5149 15.4208L18.9317 14.7645C18.8743 14.7399 18.8169 14.7727 18.7922 14.8301C18.7677 14.8875 18.7922 14.9532 18.8497 14.9778L20.4328 15.6341C20.4902 15.6505 20.5558 15.6259 20.5723 15.5684Z" fill="white"/>
+<path d="M19.3172 15.9375C19.3501 15.8801 19.4156 15.8554 19.473 15.8801L20.1538 16.2247C20.2112 16.2492 20.2358 16.3231 20.2031 16.3887C20.1702 16.4461 20.1046 16.4708 20.0472 16.4461L19.3665 16.1016C19.309 16.0688 19.2844 15.9949 19.3172 15.9375Z" fill="#F3F3F3"/>
+<path d="M19.3089 15.9293C19.3417 15.8637 19.4156 15.8391 19.4812 15.8719L20.162 16.2165C20.2277 16.2493 20.2523 16.3232 20.2194 16.3887C20.1867 16.4543 20.1127 16.479 20.0472 16.4461L19.3664 16.1016C19.3007 16.0771 19.2761 15.9949 19.3089 15.9293ZM20.1949 16.3805C20.2194 16.3231 20.203 16.2575 20.1456 16.2329L19.4648 15.8883C19.4155 15.8638 19.35 15.8883 19.3171 15.9375C19.2925 15.9949 19.3089 16.0606 19.3663 16.0852L20.0471 16.4298C20.1046 16.4543 20.1702 16.438 20.1949 16.3805Z" fill="white"/>
+<path d="M18.1113 16.0934C18.1523 16.036 18.218 16.0196 18.2754 16.0605L19.7027 17.0121C19.7601 17.0449 19.7683 17.1188 19.7356 17.1762C19.6945 17.2337 19.6289 17.25 19.5715 17.209L18.1441 16.2574C18.0867 16.2164 18.0703 16.1426 18.1113 16.0934Z" fill="#F3F3F3"/>
+<path d="M18.103 16.0852C18.1441 16.0278 18.2262 16.0113 18.2836 16.0442L19.711 16.9957C19.7684 17.0367 19.7848 17.1105 19.7437 17.1761C19.7028 17.2336 19.6207 17.25 19.5634 17.2172L18.1359 16.2656C18.0703 16.2246 18.0621 16.1426 18.103 16.0852ZM19.7192 17.1679C19.752 17.1188 19.7437 17.0449 19.6946 17.0121L18.2672 16.0605C18.218 16.0278 18.1523 16.0442 18.1195 16.0934C18.0867 16.1426 18.0949 16.2164 18.144 16.2492L19.5715 17.2008C19.6207 17.2336 19.6863 17.2172 19.7192 17.168V17.1679Z" fill="white"/>
+<path d="M18.4148 17.2828C18.4558 17.2336 18.5297 17.2172 18.5788 17.2583L19.1777 17.7258C19.2269 17.7668 19.2351 17.8406 19.1941 17.8899C19.1531 17.939 19.0793 17.9555 19.03 17.9145L18.4312 17.4469C18.3821 17.4059 18.3738 17.332 18.4148 17.2828Z" fill="#F3F3F3"/>
+<path d="M18.4067 17.2747C18.4477 17.2172 18.5298 17.209 18.5872 17.2501L19.186 17.7176C19.2434 17.7586 19.2516 17.8407 19.2106 17.8981C19.1696 17.9556 19.0875 17.9637 19.0302 17.9227L18.4313 17.4551C18.3739 17.4141 18.3658 17.3321 18.4067 17.2747ZM19.1942 17.8899C19.2352 17.8407 19.227 17.775 19.1778 17.734L18.579 17.2664C18.5298 17.2337 18.4641 17.2419 18.4232 17.291C18.3821 17.3403 18.3903 17.4059 18.4395 17.4469L19.0383 17.9145C19.0875 17.9474 19.1531 17.9391 19.1941 17.8899H19.1942Z" fill="white"/>
+<path d="M17.1926 17.2008C17.2419 17.1516 17.3157 17.1516 17.3567 17.2008L18.5708 18.4066C18.62 18.4559 18.6118 18.5297 18.5708 18.5707C18.5216 18.6199 18.4477 18.6199 18.4067 18.5707L17.1926 17.3649C17.1516 17.3238 17.1516 17.2418 17.1926 17.2008Z" fill="#F3F3F3"/>
+<path d="M17.1925 17.1926C17.2165 17.1689 17.249 17.1556 17.2827 17.1556C17.3165 17.1556 17.3489 17.1689 17.373 17.1926L18.5871 18.3984C18.6108 18.4224 18.624 18.4549 18.624 18.4886C18.624 18.5224 18.6108 18.5548 18.5871 18.5789C18.563 18.6026 18.5306 18.6158 18.4969 18.6158C18.4631 18.6158 18.4307 18.6026 18.4066 18.5789L17.1925 17.3731C17.1351 17.3238 17.1351 17.2419 17.1925 17.1926ZM18.5707 18.5625C18.6117 18.5215 18.6117 18.4477 18.5707 18.4067L17.3566 17.2008C17.3156 17.1598 17.2418 17.1598 17.2008 17.2008C17.1597 17.2418 17.1597 17.3156 17.2008 17.3566L18.4148 18.5625C18.4558 18.6118 18.5215 18.6118 18.5707 18.5625Z" fill="white"/>
+<path d="M17.2664 18.423C17.3157 18.382 17.3895 18.382 17.4305 18.4312L17.931 19.0055C17.9719 19.0547 17.9638 19.1286 17.9145 19.1696C17.8654 19.2105 17.7914 19.2105 17.7504 19.1614L17.25 18.5871C17.209 18.5462 17.2172 18.4723 17.2664 18.423Z" fill="#F3F3F3"/>
+<path d="M17.2583 18.4231C17.3158 18.3739 17.3896 18.3821 17.4387 18.4313L17.9392 19.0055C17.9883 19.0547 17.9801 19.1367 17.9227 19.186C17.8653 19.2352 17.7915 19.227 17.7423 19.1778L17.2418 18.6036C17.2008 18.5462 17.2008 18.4641 17.2583 18.4231H17.2583ZM17.9146 19.1696C17.9637 19.1286 17.9637 19.0629 17.9309 19.0138L17.4305 18.4395C17.3895 18.3985 17.3239 18.3903 17.2747 18.4313C17.2255 18.4723 17.2255 18.538 17.2583 18.5871L17.7587 19.1614C17.7997 19.2106 17.8654 19.2106 17.9145 19.1696H17.9146Z" fill="white"/>
+<path d="M16.0852 18.1113C16.1426 18.0704 16.2165 18.0868 16.2494 18.1442L17.2009 19.5633C17.2337 19.6207 17.2173 19.6945 17.1681 19.7274C17.1107 19.7684 17.0368 19.7519 17.004 19.6945L16.0524 18.2754C16.0195 18.218 16.0359 18.1441 16.0851 18.1113H16.0852Z" fill="#F3F3F3"/>
+<path d="M16.0852 18.1031C16.1426 18.0622 16.2246 18.0786 16.2656 18.136L17.2171 19.5551C17.2581 19.6124 17.2417 19.6945 17.1761 19.7354C17.1187 19.7765 17.0367 19.7601 16.9956 19.7027L16.0442 18.2836C16.0032 18.218 16.0196 18.1442 16.0852 18.1032V18.1031ZM17.1679 19.7191C17.2171 19.6862 17.2336 19.6206 17.2007 19.5714L16.2493 18.1523C16.2164 18.1032 16.1508 18.0949 16.0935 18.1278C16.0442 18.1605 16.0278 18.2262 16.0606 18.2754L17.0121 19.6945C17.0449 19.7354 17.1187 19.7519 17.1679 19.719L17.1679 19.7191Z" fill="white"/>
+<path d="M15.9129 19.3253C15.9704 19.2926 16.0442 19.309 16.077 19.3664L16.4544 20.0309C16.4871 20.0883 16.4625 20.1621 16.4051 20.1949C16.3477 20.2278 16.2738 20.2113 16.2411 20.1539L15.8638 19.4894C15.8391 19.432 15.8555 19.3582 15.9129 19.3254L15.9129 19.3253Z" fill="#F3F3F3"/>
+<path d="M15.9129 19.3173C15.9785 19.2844 16.0524 19.3008 16.0852 19.3582L16.4625 20.0228C16.4953 20.0802 16.4789 20.1623 16.4134 20.195C16.3477 20.2279 16.2738 20.2115 16.241 20.154L15.8637 19.4895C15.8309 19.4321 15.8473 19.3582 15.9128 19.3173H15.9129ZM16.4051 20.1869C16.4543 20.154 16.4789 20.0884 16.4461 20.0392L16.0688 19.3747C16.036 19.3255 15.9703 19.309 15.9211 19.3336C15.8719 19.3665 15.8473 19.4321 15.8801 19.4813L16.2575 20.1458C16.282 20.195 16.3559 20.2197 16.4051 20.1868V20.1869Z" fill="white"/>
+<path d="M14.822 18.784C14.8876 18.7595 14.9533 18.784 14.9779 18.8415L15.6424 20.4246C15.6669 20.4821 15.6342 20.5559 15.5767 20.5804C15.5193 20.6051 15.4455 20.5804 15.4209 20.523L14.7565 18.9399C14.7318 18.8824 14.7646 18.8087 14.822 18.784Z" fill="#F3F3F3"/>
+<path d="M14.8218 18.7758C14.8874 18.7512 14.9613 18.7758 14.9941 18.8414L15.6585 20.4246C15.6704 20.4562 15.6693 20.4911 15.6555 20.5219C15.6417 20.5526 15.6162 20.5766 15.5847 20.5886C15.5191 20.6133 15.4453 20.5886 15.4125 20.523L14.7481 18.9399C14.7234 18.8824 14.7563 18.8086 14.8218 18.7758ZM15.5683 20.5723C15.6257 20.5477 15.6503 20.482 15.6257 20.4328L14.9613 18.8496C14.9367 18.7922 14.8711 18.7676 14.8137 18.7922C14.7563 18.8168 14.7315 18.8824 14.7563 18.9317L15.4206 20.5149C15.4535 20.5723 15.5109 20.5969 15.5683 20.5723Z" fill="white"/>
+<path d="M14.4199 19.9489C14.4856 19.9243 14.5512 19.9571 14.5758 20.0227L14.8137 20.7446C14.8383 20.802 14.7973 20.8758 14.7399 20.8923C14.6743 20.9168 14.6087 20.884 14.5841 20.8184L14.3462 20.0965C14.3216 20.0391 14.3544 19.9735 14.42 19.9489H14.4199Z" fill="#F3F3F3"/>
+<path d="M14.4119 19.9407C14.4435 19.9288 14.4785 19.9299 14.5092 19.9438C14.54 19.9576 14.564 19.9831 14.576 20.0145L14.814 20.7364C14.8385 20.802 14.7975 20.8758 14.7318 20.9005C14.7003 20.9124 14.6653 20.9113 14.6345 20.8974C14.6038 20.8836 14.5798 20.8582 14.5678 20.8267L14.3299 20.1048C14.3134 20.0392 14.3463 19.9654 14.4119 19.9407ZM14.7319 20.884C14.7893 20.8676 14.8221 20.802 14.8057 20.7446L14.5678 20.0228C14.5514 19.9654 14.4858 19.9407 14.4284 19.9571C14.3709 19.9736 14.3381 20.0392 14.3545 20.0966L14.5924 20.8184C14.5966 20.8324 14.6037 20.8453 14.6131 20.8563C14.6226 20.8673 14.6343 20.8762 14.6475 20.8824C14.6607 20.8885 14.675 20.8919 14.6895 20.8922C14.7041 20.8925 14.7185 20.8897 14.7319 20.8841V20.884Z" fill="white"/>
+<path d="M13.452 19.2024C13.5176 19.186 13.5833 19.227 13.5914 19.2926L13.936 20.9744C13.9524 21.0399 13.9032 21.0974 13.8375 21.1137C13.772 21.1302 13.7063 21.0892 13.6981 21.0235L13.3534 19.3418C13.3453 19.2844 13.3863 19.2188 13.4519 19.2023L13.452 19.2024Z" fill="#F3F3F3"/>
+<path d="M13.4521 19.194C13.5258 19.1777 13.5914 19.2269 13.6079 19.2925L13.9524 20.9743C13.9688 21.0399 13.9195 21.1137 13.8539 21.1219C13.7801 21.1384 13.7145 21.0892 13.6981 21.0235L13.3535 19.3417C13.3372 19.2761 13.3783 19.2104 13.452 19.1941L13.4521 19.194ZM13.8375 21.1055C13.895 21.0974 13.936 21.0399 13.9277 20.9743L13.5832 19.2925C13.5751 19.2351 13.5095 19.1941 13.452 19.2104C13.3946 19.2187 13.3536 19.2761 13.3618 19.3417L13.7063 21.0235C13.7227 21.081 13.7801 21.1137 13.8376 21.1056L13.8375 21.1055Z" fill="white"/>
+<path d="M12.8286 20.2687C12.8942 20.2605 12.9516 20.3016 12.968 20.3672L13.0664 21.1218C13.0746 21.1875 13.0254 21.2449 12.9597 21.2531C12.8942 21.2613 12.8368 21.2203 12.8204 21.1547L12.722 20.4C12.7138 20.3344 12.7629 20.277 12.8286 20.2687Z" fill="#F3F3F3"/>
+<path d="M12.8284 20.2606C12.9023 20.2524 12.9679 20.3016 12.9762 20.3673L13.0746 21.1219C13.0828 21.1876 13.0336 21.2532 12.9597 21.2614C12.8859 21.2696 12.8202 21.2204 12.812 21.1547L12.7135 20.4C12.7053 20.3344 12.7545 20.2688 12.8284 20.2606ZM12.9515 21.245C13.0089 21.2368 13.0583 21.1793 13.05 21.1219L12.9515 20.3673C12.9433 20.3098 12.8859 20.2688 12.8284 20.277C12.771 20.2852 12.7217 20.3426 12.7299 20.4L12.8284 21.1548C12.8366 21.2122 12.8941 21.2532 12.9515 21.245Z" fill="white"/>
+<path d="M11.9836 19.3499C12.0492 19.3499 12.1067 19.3992 12.1067 19.4648V21.1792C12.1067 21.2449 12.0492 21.2942 11.9836 21.2942C11.918 21.2942 11.8606 21.2449 11.8606 21.1792V19.4648C11.8688 19.3992 11.918 19.3499 11.9836 19.3499Z" fill="#F3F3F3"/>
+<path d="M11.9837 19.3417C12.0575 19.3417 12.1149 19.3991 12.1149 19.4647V21.1792C12.1149 21.2448 12.0575 21.3022 11.9837 21.3022C11.9098 21.3022 11.8524 21.2448 11.8524 21.1792V19.4648C11.8524 19.3992 11.918 19.3417 11.9837 19.3417ZM11.9837 21.2859C12.0411 21.2859 12.0985 21.2367 12.0985 21.1792V19.4648C12.0985 19.4073 12.0493 19.3581 11.9837 19.3581C11.9263 19.3581 11.8688 19.4073 11.8688 19.4648V21.1792C11.877 21.2367 11.9263 21.2859 11.9837 21.2859Z" fill="white"/>
+<path d="M11.1633 20.2687C11.2289 20.277 11.2781 20.3262 11.2781 20.3918L11.2207 21.1547C11.2126 21.2203 11.1551 21.2695 11.0894 21.2614C11.0238 21.2531 10.9746 21.2039 10.9746 21.1383L11.032 20.3754C11.0402 20.3098 11.0976 20.2605 11.1633 20.2687Z" fill="#F3F3F3"/>
+<path d="M11.1633 20.2606C11.2371 20.2688 11.2863 20.3262 11.2863 20.3918L11.2289 21.1548C11.2207 21.2204 11.1633 21.2778 11.0895 21.2696C11.0157 21.2614 10.9664 21.204 10.9664 21.1384L11.0238 20.3754C11.0321 20.3016 11.0895 20.2524 11.1633 20.2606ZM11.0895 21.2532C11.1469 21.2532 11.2044 21.2122 11.2044 21.1548L11.2618 20.3918C11.2618 20.3344 11.2207 20.2852 11.1551 20.277C11.0977 20.277 11.0403 20.318 11.0403 20.3755L10.9829 21.1384C10.9829 21.1958 11.0321 21.2451 11.0896 21.2532H11.0895Z" fill="white"/>
+<path d="M10.548 19.2023C10.6136 19.2187 10.6546 19.2761 10.6464 19.3417L10.3101 21.0235C10.2936 21.0892 10.2362 21.1302 10.1706 21.1137C10.105 21.0974 10.064 21.04 10.0722 20.9743L10.4085 19.2925C10.4167 19.2351 10.4824 19.1941 10.548 19.2023Z" fill="#F3F3F3"/>
+<path d="M10.5482 19.194C10.622 19.2105 10.663 19.2762 10.6548 19.3417L10.3185 21.0235C10.302 21.0891 10.2364 21.1383 10.1627 21.1219C10.0888 21.1054 10.0478 21.0398 10.056 20.9742L10.3923 19.2925C10.4087 19.2269 10.4744 19.1858 10.5481 19.1941L10.5482 19.194ZM10.1627 21.1054C10.2201 21.1137 10.2775 21.0809 10.2939 21.0235L10.6302 19.3417C10.6384 19.2843 10.6056 19.2269 10.54 19.2105C10.4826 19.2023 10.4252 19.2351 10.4087 19.2926L10.0724 20.9742C10.0642 21.0398 10.1052 21.0891 10.1627 21.1054Z" fill="white"/>
+<path d="M9.56376 19.9407C9.62948 19.9572 9.67046 20.0228 9.65403 20.0884L9.44894 20.8266C9.4326 20.8922 9.36697 20.925 9.30135 20.9087C9.28571 20.9049 9.27098 20.8981 9.25798 20.8887C9.24498 20.8792 9.23397 20.8673 9.22559 20.8536C9.2172 20.8398 9.21161 20.8246 9.20912 20.8087C9.20663 20.7928 9.20729 20.7766 9.21108 20.761L9.41617 20.0228C9.4326 19.9572 9.49822 19.9244 9.56385 19.9407H9.56376Z" fill="#F3F3F3"/>
+<path d="M9.56372 19.9326C9.62943 19.9489 9.67863 20.0228 9.65398 20.0884L9.4489 20.8267C9.43256 20.8923 9.35872 20.9334 9.2931 20.9169C9.22748 20.9005 9.17828 20.8267 9.20284 20.7611L9.40792 20.0228C9.42435 19.9572 9.48997 19.9161 9.56372 19.9325V19.9326ZM9.2931 20.8923C9.35051 20.9087 9.41613 20.8759 9.43256 20.8185L9.63756 20.0802C9.65398 20.0228 9.62122 19.9654 9.55559 19.9489C9.49818 19.9325 9.43256 19.9654 9.41613 20.0228L9.21105 20.7611C9.20284 20.8185 9.23561 20.8759 9.2931 20.8923Z" fill="white"/>
+<path d="M9.16171 18.784C9.22733 18.8086 9.25188 18.8824 9.22733 18.9398L8.5711 20.523C8.54654 20.5805 8.47262 20.6133 8.41529 20.5805C8.3578 20.5477 8.32495 20.4821 8.34959 20.4247L9.00582 18.8414C9.03037 18.784 9.1043 18.7512 9.16162 18.784H9.16171Z" fill="#F3F3F3"/>
+<path d="M9.16172 18.7758C9.19325 18.7878 9.21872 18.8118 9.23256 18.8426C9.2464 18.8733 9.24748 18.9083 9.23556 18.9399L8.5793 20.523C8.55466 20.5886 8.48082 20.6133 8.40698 20.5886C8.37548 20.5766 8.35002 20.5526 8.33618 20.5219C8.32234 20.4911 8.32125 20.4562 8.33314 20.4246L8.9894 18.8414C9.02226 18.7758 9.0961 18.743 9.16172 18.7758ZM8.41519 20.5723C8.47261 20.5968 8.53823 20.5723 8.56287 20.5149L9.21914 18.9317C9.24369 18.8743 9.21092 18.8168 9.15351 18.7922C9.0961 18.7677 9.03047 18.7922 9.00583 18.8496L8.34957 20.4328C8.33314 20.482 8.35778 20.5476 8.41519 20.5723Z" fill="white"/>
+<path d="M8.05438 19.3091C8.11179 19.3419 8.13635 19.4075 8.11179 19.4649L7.76725 20.1457C7.73439 20.2031 7.66877 20.2277 7.60314 20.1949C7.54573 20.1621 7.52118 20.0965 7.54573 20.0391L7.89036 19.3584C7.92313 19.3009 7.98876 19.2763 8.05438 19.3091Z" fill="#F3F3F3"/>
+<path d="M8.05447 19.3008C8.12009 19.3336 8.14465 19.4075 8.11188 19.473L7.76733 20.1539C7.73447 20.2195 7.66064 20.2441 7.5951 20.2113C7.52947 20.1785 7.50483 20.1046 7.53768 20.0391L7.88215 19.3583C7.915 19.2926 7.98884 19.2681 8.05447 19.3008ZM7.60331 20.195C7.66072 20.2195 7.72634 20.2031 7.7509 20.1457L8.09545 19.4649C8.12001 19.4156 8.09545 19.35 8.04625 19.3173C7.98884 19.2927 7.92322 19.309 7.89858 19.3664L7.55403 20.0472C7.52947 20.0965 7.55403 20.1621 7.60331 20.1949V20.195Z" fill="white"/>
+<path d="M7.8902 18.095C7.94761 18.136 7.96404 18.2099 7.92305 18.2591L6.97146 19.6784C6.93869 19.7357 6.86476 19.7439 6.80744 19.7111C6.75003 19.6701 6.7336 19.5963 6.77458 19.547L7.72618 18.1277C7.75895 18.0704 7.83279 18.0539 7.8902 18.0949V18.095Z" fill="#F3F3F3"/>
+<path d="M7.89023 18.0867C7.94764 18.1278 7.96407 18.2098 7.93121 18.2673L6.97967 19.6865C6.93868 19.7438 6.86484 19.7602 6.79921 19.7192C6.7418 19.6782 6.72537 19.5962 6.75814 19.5387L7.70978 18.1196C7.75076 18.0622 7.83282 18.0457 7.89023 18.0867ZM6.80743 19.7028C6.85654 19.7356 6.93047 19.7274 6.96324 19.6783L7.91487 18.259C7.94764 18.2098 7.9313 18.1442 7.88202 18.1114C7.83282 18.0786 7.75898 18.0868 7.7262 18.1359L6.77457 19.5469C6.7418 19.5962 6.75814 19.67 6.80743 19.7027V19.7028Z" fill="white"/>
+<path d="M6.69255 18.3985C6.74183 18.4395 6.75817 18.5133 6.71719 18.5625L6.2414 19.1613C6.20041 19.2105 6.12658 19.2187 6.07738 19.1777C6.02818 19.1368 6.01175 19.0629 6.05282 19.0137L6.52853 18.4148C6.56952 18.3657 6.64335 18.3574 6.69255 18.3985Z" fill="#F3F3F3"/>
+<path d="M6.70077 18.3903C6.75818 18.4313 6.7664 18.5133 6.72533 18.5707L6.2496 19.1696C6.20862 19.227 6.12656 19.2352 6.06915 19.186C6.01174 19.1449 6.00353 19.063 6.0446 19.0055L6.52032 18.4067C6.5613 18.3492 6.64336 18.3411 6.70077 18.3903ZM6.08558 19.1696C6.13469 19.2106 6.2004 19.2024 6.24139 19.1532L6.7172 18.5543C6.75005 18.5052 6.74176 18.4395 6.69264 18.3985C6.64336 18.3574 6.57773 18.3656 6.53675 18.4149L6.06094 19.0137C6.02817 19.063 6.03638 19.1367 6.0855 19.1696H6.08558Z" fill="white"/>
+<path d="M6.77452 17.168C6.82371 17.2171 6.82371 17.2911 6.77452 17.3321L5.56054 18.5379C5.51125 18.5871 5.4375 18.5789 5.39644 18.5379C5.35545 18.4969 5.34724 18.4148 5.39644 18.3738L6.6022 17.168C6.65148 17.1188 6.72532 17.1188 6.77452 17.168Z" fill="#F3F3F3"/>
+<path d="M6.78282 17.1598C6.80645 17.1839 6.8197 17.2163 6.8197 17.25C6.8197 17.2838 6.80645 17.3161 6.78282 17.3402L5.56876 18.5462C5.54469 18.5698 5.51231 18.5831 5.47858 18.5831C5.44485 18.5831 5.41246 18.5698 5.3884 18.5462C5.36471 18.5221 5.35144 18.4897 5.35144 18.4559C5.35144 18.4222 5.36471 18.3898 5.3884 18.3657L6.60238 17.1598C6.62645 17.1362 6.65885 17.1229 6.6926 17.1229C6.72635 17.1229 6.75875 17.1362 6.78282 17.1598ZM5.39653 18.5379C5.43751 18.5789 5.51135 18.5789 5.55233 18.5379L6.76639 17.332C6.80746 17.291 6.80746 17.2172 6.76639 17.1762C6.72541 17.1351 6.65158 17.1351 6.61059 17.1762L5.39653 18.382C5.35554 18.423 5.35554 18.4887 5.39653 18.5378V18.5379Z" fill="white"/>
+<path d="M5.54415 17.2337C5.58514 17.2828 5.58514 17.3567 5.53594 17.3977L4.95353 17.89C4.90433 17.931 4.83049 17.9228 4.78942 17.8736C4.74844 17.8243 4.74844 17.7505 4.79764 17.7094L5.38005 17.2172C5.42933 17.1762 5.50309 17.1844 5.54415 17.2337Z" fill="#F3F3F3"/>
+<path d="M5.55224 17.2254C5.60144 17.2829 5.59323 17.3648 5.54403 17.4059L4.96161 17.898C4.91242 17.9473 4.83036 17.9391 4.78117 17.8817C4.73188 17.8242 4.7401 17.7422 4.78929 17.7011L5.37179 17.209C5.42091 17.1598 5.50305 17.168 5.55216 17.2254L5.55224 17.2254ZM4.79751 17.8734C4.83858 17.9226 4.9042 17.9226 4.95332 17.8899L5.53582 17.3977C5.5768 17.3567 5.58501 17.291 5.54403 17.2419C5.50296 17.1926 5.43734 17.1926 5.38822 17.2254L4.80572 17.7176C4.75652 17.7585 4.75652 17.8242 4.79751 17.8734V17.8734Z" fill="white"/>
+<path d="M5.87235 16.0523C5.91333 16.1098 5.8969 16.1836 5.83949 16.2164L4.41218 17.168C4.35477 17.2008 4.28093 17.1843 4.24816 17.1351C4.20709 17.0777 4.22352 17.0039 4.28093 16.971L5.70833 16.0196C5.75761 15.9868 5.83136 16.0031 5.87243 16.0523H5.87235Z" fill="#F3F3F3"/>
+<path d="M5.88043 16.0523C5.92141 16.1098 5.90498 16.1918 5.84757 16.2329L4.42028 17.1844C4.36287 17.2254 4.28082 17.2089 4.23984 17.1434C4.19877 17.086 4.21528 17.0039 4.27261 16.9629L5.69998 16.0113C5.75739 15.9704 5.83936 15.9868 5.88034 16.0523H5.88043ZM4.25626 17.127C4.28903 17.1761 4.35466 17.1926 4.40385 17.1598L5.83115 16.2082C5.88043 16.1754 5.89677 16.1098 5.85579 16.0524C5.82302 16.0031 5.75739 15.9868 5.70811 16.0196L4.28082 16.9711C4.23162 17.0121 4.22341 17.0778 4.25626 17.127Z" fill="white"/>
+<path d="M4.65002 15.8801C4.68288 15.9375 4.66645 16.0113 4.60904 16.0442L3.94456 16.4215C3.88715 16.4542 3.81331 16.4297 3.78054 16.3723C3.74769 16.3149 3.76412 16.241 3.82153 16.2082L4.486 15.8309C4.54341 15.7981 4.61725 15.8227 4.65011 15.8801H4.65002Z" fill="#F3F3F3"/>
+<path d="M4.6583 15.8719C4.69107 15.9375 4.67464 16.0113 4.61723 16.0442L3.95277 16.4215C3.89536 16.4542 3.81331 16.4297 3.78054 16.3723C3.74769 16.3067 3.76412 16.2328 3.82153 16.2L4.48598 15.8227C4.54339 15.7898 4.62544 15.8145 4.65821 15.8719H4.6583ZM3.78867 16.3641C3.82153 16.4215 3.88715 16.4379 3.93635 16.4051L4.6008 16.0278C4.65 15.9949 4.66643 15.9293 4.64187 15.8801C4.60902 15.8227 4.54339 15.8063 4.49419 15.8391L3.82974 16.2164C3.78054 16.241 3.76411 16.3067 3.78876 16.3641H3.78867Z" fill="white"/>
+<path d="M5.19952 14.7891C5.22407 14.8547 5.19952 14.9204 5.13389 14.9449L3.55068 15.6012C3.49327 15.6258 3.41943 15.593 3.39487 15.5355C3.37023 15.4699 3.39487 15.4043 3.4605 15.3797L5.04371 14.7235C5.10112 14.6989 5.17496 14.7235 5.19952 14.7891Z" fill="#F3F3F3"/>
+<path d="M5.20773 14.7809C5.23229 14.8465 5.20773 14.9204 5.14211 14.9531L3.55889 15.6094C3.52735 15.6213 3.49237 15.6202 3.46163 15.6063C3.43089 15.5925 3.40689 15.5671 3.39487 15.5356C3.37023 15.4699 3.39487 15.3961 3.4605 15.3633L5.04371 14.7071C5.07526 14.6952 5.11023 14.6963 5.14097 14.7101C5.17171 14.724 5.19572 14.7494 5.20773 14.7809ZM3.41122 15.5273C3.43586 15.5848 3.50148 15.6095 3.55068 15.593L5.13389 14.9367C5.1913 14.9122 5.21594 14.8465 5.1913 14.7891C5.16675 14.7317 5.10112 14.7071 5.05184 14.7235L3.46863 15.3797C3.41122 15.4043 3.38666 15.4699 3.41122 15.5274V15.5273Z" fill="white"/>
+<path d="M4.04298 14.3789C4.06753 14.4445 4.03476 14.5102 3.96914 14.5347L3.24726 14.7727C3.18985 14.7972 3.11601 14.7562 3.09958 14.6988C3.07502 14.6332 3.10779 14.5676 3.17342 14.543L3.8953 14.3051C3.95271 14.2805 4.01833 14.3133 4.04298 14.3789Z" fill="#F3F3F3"/>
+<path d="M4.05106 14.3707C4.07571 14.4364 4.04294 14.5102 3.9691 14.5349L3.24723 14.7727C3.18161 14.7973 3.10777 14.7563 3.08313 14.6907C3.05857 14.625 3.09134 14.5512 3.16527 14.5266L3.88705 14.2887C3.95267 14.2723 4.02651 14.3051 4.05115 14.3708L4.05106 14.3707ZM3.09964 14.6826C3.11607 14.74 3.18169 14.7728 3.2391 14.7564L3.96097 14.5184C4.01838 14.5021 4.04302 14.4365 4.02659 14.379C4.01017 14.3216 3.94454 14.2888 3.88713 14.3052L3.16527 14.5432C3.10785 14.5677 3.08321 14.6251 3.09964 14.6826Z" fill="white"/>
+<path d="M4.78141 13.4028C4.79775 13.4684 4.75677 13.534 4.69114 13.5422L3.00946 13.8703C2.94384 13.8868 2.88643 13.8375 2.87008 13.7719C2.85366 13.7062 2.89464 13.6406 2.96026 13.6324L4.64195 13.3043C4.70757 13.2961 4.7732 13.3371 4.78132 13.4028H4.78141Z" fill="#F3F3F3"/>
+<path d="M4.79769 13.4028C4.81412 13.4766 4.76492 13.5422 4.6993 13.5586L3.0176 13.8867C2.95198 13.9031 2.88635 13.8539 2.87001 13.7801C2.85358 13.7063 2.90278 13.6406 2.9684 13.6243L4.6501 13.2962C4.71564 13.2797 4.78135 13.3289 4.79769 13.4028ZM2.88635 13.772C2.89457 13.8293 2.95198 13.8704 3.00939 13.8621L4.69108 13.534C4.74849 13.5258 4.78948 13.4602 4.77313 13.4028C4.76492 13.3454 4.70751 13.3043 4.65001 13.3125L2.9684 13.6406C2.91099 13.6571 2.87001 13.7145 2.88635 13.7719V13.772Z" fill="white"/>
+<path d="M3.73139 12.7712C3.73952 12.8367 3.69854 12.8943 3.63291 12.9025L2.87826 12.9927C2.81256 13.0009 2.75514 12.9517 2.74701 12.8859C2.7388 12.8204 2.77979 12.763 2.84541 12.7547L3.60014 12.6645C3.65755 12.6563 3.72318 12.7055 3.73139 12.7712Z" fill="#F3F3F3"/>
+<path d="M3.73961 12.7712C3.74774 12.8449 3.69855 12.9105 3.63292 12.9187L2.87828 13.009C2.81257 13.0172 2.74703 12.968 2.73881 12.8942C2.7306 12.8203 2.7798 12.7547 2.84542 12.7465L3.60015 12.6563C3.66569 12.648 3.7314 12.6973 3.73953 12.7711L3.73961 12.7712ZM2.74694 12.886C2.75515 12.9434 2.81265 12.9926 2.87006 12.9843L3.62471 12.8942C3.68212 12.886 3.72319 12.8286 3.71497 12.7712C3.70676 12.7137 3.64935 12.6645 3.59194 12.6727L2.83721 12.7629C2.7798 12.7712 2.73881 12.8286 2.74694 12.886Z" fill="white"/>
+<path d="M4.64994 11.9754C4.64994 12.0411 4.60083 12.0985 4.53512 12.0985H2.82075C2.75513 12.0985 2.70593 12.0411 2.70593 11.9754C2.70593 11.9098 2.75513 11.8523 2.82075 11.8523H4.53521C4.60083 11.8523 4.65011 11.9098 4.65011 11.9754L4.64994 11.9754Z" fill="#F3F3F3"/>
+<path d="M4.65829 11.9754C4.65829 12.0493 4.60079 12.1066 4.53517 12.1066H2.82079C2.75517 12.1066 2.69775 12.0492 2.69775 11.9754C2.69775 11.9016 2.75517 11.8441 2.82079 11.8441H4.53525C4.60088 11.8441 4.65829 11.9016 4.65829 11.9754ZM2.7141 11.9672C2.7141 12.0246 2.76329 12.082 2.82079 12.082H4.53517C4.59258 12.082 4.64186 12.0329 4.64186 11.9672C4.64186 11.9098 4.59258 11.8523 4.53517 11.8523H2.82079C2.76338 11.8605 2.71418 11.9098 2.71418 11.9672H2.7141Z" fill="white"/>
+<path d="M3.73966 11.1469C3.73136 11.2125 3.68216 11.2617 3.61654 11.2617L2.85358 11.2043C2.78804 11.1961 2.73884 11.1387 2.74697 11.073C2.75519 11.0074 2.80447 10.9582 2.8701 10.9582L3.63296 11.0156C3.69038 11.0238 3.73966 11.0813 3.73966 11.1469Z" fill="#E2E2E2"/>
+<path d="M3.74763 11.1469C3.73941 11.2207 3.682 11.2699 3.61638 11.2699L2.85344 11.2125C2.7879 11.2043 2.73049 11.1469 2.7387 11.073C2.74683 10.9993 2.80433 10.95 2.86995 10.95L3.6328 11.0074C3.69843 11.0156 3.74763 11.0813 3.74763 11.1469ZM2.74683 11.073C2.7387 11.1305 2.7879 11.188 2.84531 11.188L3.60825 11.2454C3.66557 11.2454 3.71486 11.2043 3.72307 11.1387C3.73128 11.0813 3.682 11.0239 3.62459 11.0239L2.86165 10.9664C2.80433 10.9664 2.75504 11.0156 2.74683 11.0731V11.073Z" fill="white"/>
+<path d="M4.79753 10.548C4.7811 10.6136 4.72369 10.6547 4.65807 10.6465L2.97646 10.302C2.91083 10.2855 2.86976 10.2281 2.88619 10.1625C2.90262 10.0969 2.96003 10.0558 3.02565 10.0641L4.70735 10.4004C4.76476 10.4168 4.80574 10.4824 4.79753 10.548Z" fill="#F3F3F3"/>
+<path d="M4.80586 10.548C4.78943 10.6219 4.72381 10.6629 4.65818 10.6547L2.97658 10.3184C2.91096 10.3019 2.86176 10.2363 2.87819 10.1626C2.89453 10.0886 2.96016 10.0477 3.02578 10.0559L4.70746 10.3922C4.77309 10.4086 4.81407 10.4743 4.80586 10.548ZM2.89453 10.1625C2.88632 10.2199 2.91909 10.2773 2.97658 10.2937L4.65827 10.6301C4.71568 10.6383 4.77309 10.6055 4.78952 10.5398C4.79764 10.4824 4.76487 10.425 4.70738 10.4086L3.02586 10.0723C2.96024 10.0641 2.91104 10.1051 2.89462 10.1625H2.89453Z" fill="white"/>
+<path d="M4.0596 9.56377C4.05584 9.57939 4.04903 9.59412 4.03957 9.60711C4.0301 9.6201 4.01817 9.63109 4.00446 9.63947C3.99074 9.64784 3.97551 9.65343 3.95963 9.65592C3.94375 9.6584 3.92754 9.65773 3.91192 9.65394L3.17361 9.44887C3.10799 9.43244 3.07522 9.36682 3.09156 9.3012C3.09532 9.28558 3.10213 9.27085 3.1116 9.25786C3.12106 9.24487 3.13299 9.23387 3.1467 9.2255C3.16042 9.21712 3.17565 9.21153 3.19153 9.20905C3.20741 9.20657 3.22362 9.20724 3.23924 9.21102L3.97755 9.4161C4.04318 9.43244 4.07595 9.49806 4.0596 9.56368V9.56377Z" fill="#F3F3F3"/>
+<path d="M4.06748 9.56374C4.05114 9.62928 3.9773 9.67855 3.91167 9.65391L3.17336 9.44884C3.10773 9.43241 3.06666 9.35858 3.08309 9.29304C3.09952 9.22734 3.17336 9.17814 3.23898 9.20278L3.9773 9.40786C4.04293 9.42428 4.084 9.48991 4.06748 9.56365V9.56374ZM3.10773 9.29287C3.0913 9.35037 3.12416 9.41599 3.18157 9.43233L3.91989 9.6374C3.9773 9.65383 4.03471 9.62098 4.05114 9.55536C4.06748 9.49795 4.03471 9.43233 3.9773 9.41599L3.23898 9.21091C3.18157 9.2027 3.12416 9.23547 3.10773 9.29296V9.29287Z" fill="white"/>
+<path d="M5.21605 9.16998C5.19149 9.23552 5.11757 9.26016 5.06024 9.23552L3.47695 8.57928C3.41953 8.55473 3.38676 8.48089 3.41132 8.42348C3.43596 8.35785 3.5098 8.33321 3.56721 8.35785L5.15042 9.01409C5.21605 9.03865 5.24069 9.11248 5.21605 9.16989V9.16998Z" fill="#F3F3F3"/>
+<path d="M5.22415 9.17812C5.21214 9.20964 5.18812 9.23511 5.15736 9.24895C5.12659 9.26279 5.0916 9.26387 5.06004 9.25195L3.47682 8.59572C3.41119 8.57116 3.38664 8.49732 3.41119 8.42349C3.42321 8.39197 3.44723 8.36649 3.47799 8.35265C3.50875 8.33881 3.54374 8.33773 3.5753 8.34965L5.15852 9.00589C5.22415 9.03866 5.24871 9.11258 5.22415 9.17812ZM3.42762 8.4317C3.40306 8.48911 3.42762 8.55473 3.48503 8.57929L5.06826 9.23553C5.12567 9.26017 5.18308 9.22731 5.20772 9.1699C5.23228 9.11249 5.20772 9.04687 5.15031 9.02231L3.56709 8.36607C3.50967 8.34965 3.44405 8.37429 3.42762 8.4317Z" fill="white"/>
+<path d="M4.68284 8.06252C4.65007 8.11994 4.58444 8.14458 4.52703 8.11994L3.84614 7.77545C3.78873 7.75081 3.76409 7.67696 3.79694 7.61133C3.82971 7.55392 3.89534 7.52928 3.95275 7.55392L4.63356 7.89849C4.69105 7.93126 4.71569 8.00519 4.68284 8.06252Z" fill="#F3F3F3"/>
+<path d="M4.69114 8.07075C4.65828 8.13637 4.58444 8.16102 4.51882 8.12816L3.83802 7.7836C3.77239 7.75083 3.74775 7.67699 3.7806 7.61136C3.81337 7.54574 3.8873 7.5211 3.95284 7.55395L4.63364 7.89851C4.69935 7.92307 4.72391 8.00521 4.69114 8.07075ZM3.80516 7.61958C3.7806 7.67699 3.79703 7.74262 3.85444 7.76726L4.53525 8.11182C4.58453 8.13637 4.65015 8.11182 4.68292 8.06253C4.70748 8.00512 4.69114 7.93949 4.63372 7.91485L3.94454 7.57046C3.89534 7.54591 3.82972 7.56225 3.80508 7.61966L3.80516 7.61958Z" fill="white"/>
+<path d="M5.8886 7.90662C5.84761 7.96412 5.78199 7.98055 5.72457 7.93948L4.30535 6.99617C4.24802 6.96332 4.23981 6.88948 4.27258 6.83207C4.30544 6.77466 4.37928 6.75823 4.43669 6.79921L5.86404 7.75082C5.91324 7.78367 5.92967 7.85751 5.8886 7.90662Z" fill="#F3F3F3"/>
+<path d="M5.89685 7.91483C5.85587 7.97232 5.77382 7.98867 5.71649 7.95589L4.29731 7.00429C4.2399 6.96331 4.22347 6.88947 4.26445 6.82393C4.30552 6.76643 4.38757 6.75 4.44498 6.78286L5.86408 7.73438C5.92971 7.77545 5.93792 7.85742 5.89685 7.91483ZM4.28088 6.83206C4.24811 6.88125 4.25632 6.95509 4.30544 6.98786L5.73283 7.93955C5.78203 7.97241 5.84766 7.95598 5.88051 7.90678C5.91328 7.8575 5.90507 7.78366 5.85595 7.75089L4.42847 6.79929C4.37927 6.76643 4.31365 6.78286 4.2808 6.83206H4.28088Z" fill="white"/>
+<path d="M5.58519 6.71719C5.54421 6.76639 5.47037 6.78281 5.42117 6.74175L4.82232 6.27425C4.77313 6.23319 4.76491 6.15935 4.8059 6.11015C4.84688 6.06096 4.92072 6.04453 4.97 6.0856L5.56877 6.55309C5.61805 6.59416 5.62626 6.66791 5.58519 6.71719Z" fill="#F3F3F3"/>
+<path d="M5.59342 6.72534C5.55243 6.78284 5.47038 6.79105 5.41297 6.74998L4.81415 6.28249C4.75674 6.2415 4.74852 6.15945 4.78959 6.10213C4.83057 6.04463 4.91262 6.03642 4.96995 6.07749L5.56877 6.54498C5.62627 6.58605 5.63448 6.66802 5.59342 6.72551V6.72534ZM4.80593 6.11017C4.76495 6.15937 4.77316 6.22499 4.82236 6.26598L5.42119 6.73364C5.47038 6.76641 5.53601 6.7582 5.57699 6.709C5.61806 6.6598 5.60984 6.59418 5.56065 6.5532L4.96182 6.08553C4.91262 6.05276 4.84691 6.06097 4.80602 6.11017H4.80593Z" fill="white"/>
+<path d="M6.80733 6.79924C6.75822 6.84853 6.68429 6.84853 6.64331 6.79924L5.42113 5.59343C5.37193 5.54423 5.38006 5.47039 5.42113 5.42932C5.47032 5.38021 5.54417 5.38021 5.58515 5.42932L6.79928 6.63522C6.84848 6.67621 6.84848 6.75826 6.8075 6.79933L6.80733 6.79924Z" fill="#F3F3F3"/>
+<path d="M6.80748 6.80748C6.78341 6.83111 6.75103 6.84435 6.7173 6.84435C6.68356 6.84435 6.65118 6.83111 6.62711 6.80748L5.41294 5.60151C5.38925 5.57744 5.37598 5.54502 5.37598 5.51125C5.37598 5.47747 5.38925 5.44505 5.41294 5.42098C5.43701 5.39732 5.46941 5.38406 5.50316 5.38406C5.53691 5.38406 5.56931 5.39732 5.59338 5.42098L6.80748 6.62686C6.86489 6.67606 6.86489 6.75811 6.80748 6.80731V6.80748ZM5.42953 5.43741C5.38846 5.47848 5.38846 5.55231 5.42953 5.59321L6.64354 6.79909C6.68461 6.84016 6.75836 6.84016 6.79935 6.79909C6.84042 6.75811 6.84042 6.68427 6.79935 6.64329L5.58534 5.42928C5.54435 5.3883 5.47864 5.3883 5.42953 5.43749V5.43741Z" fill="white"/>
+<path d="M6.73357 5.57698C6.68438 5.61804 6.61054 5.61804 6.56947 5.56876L6.06904 4.99456C6.02814 4.94537 6.03627 4.87153 6.08555 4.83054C6.13466 4.78948 6.20858 4.78948 6.24957 4.83867L6.75 5.41296C6.79098 5.45394 6.78277 5.52778 6.73357 5.57698Z" fill="#F3F3F3"/>
+<path d="M6.74175 5.57698C6.68434 5.62618 6.6105 5.61805 6.56122 5.56877L6.06086 4.99457C6.01166 4.94537 6.01988 4.86331 6.07729 4.81412C6.1347 4.76483 6.20854 4.77305 6.25774 4.82233L6.75818 5.39645C6.79916 5.45394 6.79916 5.536 6.74175 5.57698ZM6.0855 4.83054C6.03622 4.87153 6.03622 4.93715 6.06908 4.98635L6.56952 5.56055C6.6105 5.60162 6.67613 5.60984 6.72532 5.56877C6.77452 5.52778 6.77452 5.46207 6.74175 5.41296L6.24131 4.83867C6.20033 4.78956 6.13462 4.78956 6.0855 4.83054Z" fill="white"/>
+<path d="M7.91485 5.88875C7.85744 5.92973 7.7836 5.91331 7.75075 5.85589L6.79102 4.43671C6.75817 4.3793 6.77459 4.30546 6.82379 4.27269C6.8812 4.23171 6.95504 4.24814 6.9879 4.30555L7.93941 5.72465C7.98047 5.78206 7.96405 5.85589 7.91485 5.88866V5.88875Z" fill="#F3F3F3"/>
+<path d="M7.91495 5.89692C7.85754 5.93798 7.7755 5.92147 7.73443 5.86415L6.78295 4.44494C6.74197 4.38753 6.7584 4.30556 6.82394 4.26458C6.88134 4.22351 6.96339 4.23994 7.00446 4.29735L7.95593 5.71647C7.99692 5.78209 7.98049 5.85593 7.91495 5.89692ZM6.83206 4.28092C6.78287 4.31369 6.76644 4.37932 6.7993 4.4286L7.75077 5.84772C7.78362 5.89692 7.84925 5.90513 7.90657 5.87227C7.95585 5.8395 7.97228 5.77388 7.93942 5.72468L6.98803 4.31369C6.95518 4.26458 6.88135 4.24807 6.83223 4.28092H6.83206Z" fill="white"/>
+<path d="M8.08708 4.67468C8.02967 4.70745 7.95584 4.69111 7.92307 4.6337L7.54568 3.96923C7.51291 3.91182 7.53747 3.83798 7.59496 3.80513C7.65237 3.77236 7.7262 3.7887 7.75897 3.8462L8.13627 4.51058C8.16091 4.56799 8.14449 4.64183 8.08716 4.67468H8.08708Z" fill="#F3F3F3"/>
+<path d="M8.087 4.6829C8.02138 4.71567 7.94754 4.69933 7.91477 4.64183L7.53737 3.97745C7.5046 3.91995 7.52102 3.83798 7.58665 3.80513C7.65227 3.77236 7.72611 3.7887 7.75888 3.8462L8.1362 4.51058C8.16905 4.56799 8.15263 4.64183 8.08709 4.6829H8.087ZM7.59486 3.81334C7.54558 3.84611 7.52102 3.91174 7.55379 3.96102L7.9312 4.62549C7.96397 4.6746 8.02959 4.69111 8.07879 4.66647C8.12807 4.6337 8.15263 4.56799 8.11986 4.51879L7.74245 3.85433C7.7179 3.80521 7.64406 3.78049 7.59486 3.81334Z" fill="white"/>
+<path d="M9.17796 5.21602C9.11243 5.24058 9.04672 5.21602 9.02216 5.15861L8.35773 3.57531C8.33318 3.5179 8.36594 3.44406 8.42335 3.41942C8.48897 3.39487 8.5546 3.41942 8.57915 3.47683L9.24359 5.06005C9.26823 5.11746 9.23546 5.1913 9.17796 5.21585V5.21602Z" fill="#F3F3F3"/>
+<path d="M9.17818 5.22431C9.11264 5.24887 9.0388 5.22431 9.00594 5.1586L8.34147 3.57548C8.32955 3.54392 8.33063 3.50893 8.34447 3.47817C8.35832 3.44741 8.38379 3.42339 8.41531 3.41138C8.48093 3.38682 8.55477 3.41138 8.58763 3.477L9.25202 5.06021C9.27666 5.11762 9.24389 5.19145 9.17826 5.22431H9.17818ZM8.43174 3.4278C8.37432 3.45236 8.34968 3.51807 8.37432 3.56727L9.03871 5.15039C9.06327 5.2078 9.12889 5.23235 9.18631 5.2078C9.24372 5.18324 9.26844 5.11753 9.24372 5.06833L8.57933 3.48513C8.54648 3.42772 8.48906 3.40308 8.43165 3.42772L8.43174 3.4278Z" fill="white"/>
+<path d="M9.57993 4.05127C9.51431 4.07583 9.44869 4.04298 9.42414 3.97744L9.18622 3.25549C9.16166 3.19808 9.20264 3.12424 9.26005 3.1079C9.31745 3.09147 9.39129 3.11611 9.41584 3.18173L9.65376 3.9036C9.67831 3.96101 9.64555 4.02663 9.57993 4.05119V4.05127Z" fill="#F3F3F3"/>
+<path d="M9.58826 4.05941C9.55671 4.0713 9.52173 4.07021 9.49099 4.05637C9.46025 4.04253 9.43624 4.01708 9.42423 3.98558L9.18627 3.2637C9.16172 3.19808 9.2027 3.12432 9.26841 3.09968C9.29996 3.08779 9.33494 3.08889 9.36568 3.10272C9.39642 3.11656 9.42043 3.14202 9.43244 3.17352L9.67031 3.89539C9.68674 3.96102 9.65388 4.03486 9.58826 4.05941ZM9.26833 3.11611C9.21092 3.13245 9.17806 3.19808 9.19449 3.25549L9.43244 3.97745C9.44878 4.03486 9.51441 4.05941 9.57191 4.04299C9.62933 4.02664 9.6621 3.96102 9.64567 3.90361L9.4078 3.18165C9.40362 3.16772 9.39655 3.15483 9.38706 3.14382C9.37757 3.13281 9.36586 3.12392 9.3527 3.11773C9.33955 3.11154 9.32524 3.10818 9.3107 3.10789C9.29616 3.1076 9.28172 3.11037 9.26833 3.11602V3.11611Z" fill="white"/>
+<path d="M10.548 4.79768C10.4823 4.8141 10.4167 4.77312 10.4085 4.70741L10.064 3.02581C10.0475 2.96019 10.0968 2.90278 10.1624 2.88635C10.2281 2.86992 10.2936 2.9109 10.3018 2.97661L10.6464 4.6583C10.6546 4.71562 10.6136 4.78125 10.548 4.79768Z" fill="#F3F3F3"/>
+<path d="M10.5481 4.80589C10.4742 4.82232 10.4086 4.77303 10.3922 4.70741L10.0476 3.0258C10.0312 2.96018 10.0805 2.88634 10.1461 2.87812C10.2199 2.8617 10.2856 2.91098 10.3019 2.9766L10.6465 4.6583C10.6629 4.72384 10.6219 4.78955 10.5481 4.80589ZM10.1625 2.89455C10.105 2.90276 10.064 2.96018 10.0723 3.0258L10.4168 4.70749C10.425 4.76482 10.4906 4.80589 10.5481 4.78946C10.6055 4.78125 10.6465 4.72384 10.6382 4.65821L10.2937 2.97652C10.2773 2.91919 10.2199 2.88634 10.1624 2.89455H10.1625Z" fill="white"/>
+<path d="M11.1715 3.73128C11.1059 3.73949 11.0485 3.69851 11.032 3.63288L10.9336 2.87814C10.9254 2.81252 10.9746 2.7551 11.0403 2.74689C11.1059 2.73868 11.1633 2.77975 11.1797 2.84537L11.2781 3.60003C11.2863 3.66565 11.2371 3.72306 11.1715 3.73128Z" fill="#F3F3F3"/>
+<path d="M11.1715 3.73948C11.0977 3.74769 11.0321 3.6985 11.0238 3.63279L10.9255 2.87814C10.9172 2.81251 10.9664 2.74689 11.0403 2.73867C11.1141 2.73054 11.1797 2.77974 11.1879 2.84537L11.2863 3.60002C11.2945 3.66564 11.2453 3.73127 11.1715 3.73948ZM11.0485 2.7551C10.9911 2.76331 10.9418 2.82073 10.95 2.87814L11.0485 3.63287C11.0567 3.69028 11.1141 3.73127 11.1715 3.72305C11.2289 3.71492 11.2782 3.65743 11.27 3.60002L11.1715 2.84537C11.1633 2.78796 11.1059 2.74689 11.0485 2.7551Z" fill="white"/>
+<path d="M12.0575 21.7043C17.4215 21.7043 21.77 17.3559 21.77 11.9918C21.77 6.62773 17.4215 2.2793 12.0575 2.2793C6.6934 2.2793 2.34497 6.62773 2.34497 11.9918C2.34497 17.3559 6.6934 21.7043 12.0575 21.7043Z" fill="url(#paint2_linear_716_8465)" fillOpacity="0.2"/>
+<path d="M18.7841 5.83127L10.95 10.8516H10.9418V10.8598L10.9336 10.868L6.04468 18.9317L13.2306 13.1485L13.2388 13.1404V13.1322L18.7841 5.83135L18.7841 5.83127Z" fill="black" fillOpacity="0.05"/>
+<path d="M18.6363 5.36365L10.8926 10.8679L13.1895 13.1484L18.6363 5.36365Z" fill="#CD151E"/>
+<path d="M10.9009 10.8516L12.0576 11.9917L18.6364 5.36365L10.9009 10.8516Z" fill="#FA5153"/>
+<path d="M10.9009 10.8516L13.1977 13.1319L5.45398 18.6363L10.9009 10.8515V10.8516Z" fill="#ACACAC"/>
+<path d="M5.45398 18.6363L12.0575 11.9918L10.9008 10.8515L5.45398 18.6363Z" fill="#EEEEEE"/>
+<defs>
+<linearGradient id="paint0_linear_716_8465" x1="12" y1="22.5" x2="12" y2="1.5" gradientUnits="userSpaceOnUse">
+<stop offset="0.25" stopColor="#DBDBDA"/>
+<stop offset="1" stopColor="white"/>
+</linearGradient>
+<radialGradient id="paint1_radial_716_8465" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.3647 9.86653) scale(11.8555)">
+<stop stopColor="#2ABCE1"/>
+<stop offset="0.11363" stopColor="#2ABBE1"/>
+<stop offset="1" stopColor="#3375F8"/>
+</radialGradient>
+<linearGradient id="paint2_linear_716_8465" x1="11.8729" y1="9.2146" x2="7.33972" y2="17.3477" gradientUnits="userSpaceOnUse">
+<stop stopOpacity="0"/>
+<stop offset="1"/>
+</linearGradient>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_ubuntu.tsx b/frontend/app/components/ui/Icons/color_ubuntu.tsx
index 398e29cb8..b43993527 100644
--- a/frontend/app/components/ui/Icons/color_ubuntu.tsx
+++ b/frontend/app/components/ui/Icons/color_ubuntu.tsx
@@ -9,18 +9,13 @@ interface Props {
 }
 
 function Color_ubuntu(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M22.5 12C22.5 17.796 17.8012 22.5 12 22.5C6.19875 22.5 1.5 17.796 1.5 12C1.5 6.19875 6.19875 1.5 12 1.5C17.8012 1.5 22.5 6.19875 22.5 12Z"
-        fill="#E95420"
-      />
-      <path
-        d="M5.11616 10.6172C4.35889 10.6172 3.75 11.2398 3.75 12.0026C3.75 12.7653 4.364 13.388 5.11616 13.388C5.86831 13.388 6.48232 12.7653 6.48232 12.0026C6.48232 11.2347 5.86831 10.6172 5.11616 10.6172ZM14.8737 16.9112C14.2188 17.2951 13.9987 18.1409 14.3723 18.8051C14.7509 19.4692 15.5849 19.6975 16.2399 19.3136C16.8948 18.9296 17.1148 18.0838 16.7413 17.4197C16.3575 16.7607 15.5235 16.5324 14.8737 16.9112ZM8.08384 12.0026C8.08384 10.6328 8.75413 9.42378 9.78259 8.69216L8.78483 6.99544C7.58752 7.80489 6.70233 9.045 6.32882 10.4927C6.75862 10.8507 7.03492 11.3955 7.03492 12.0026C7.03492 12.6097 6.75862 13.1545 6.32882 13.5125C6.69722 14.9602 7.58752 16.2003 8.78483 17.0098L9.78259 15.313C8.75413 14.5814 8.08384 13.3724 8.08384 12.0026ZM12.0749 7.95536C14.1625 7.95536 15.8715 9.57425 16.0505 11.6446L18 11.6134C17.9028 10.0879 17.2478 8.71811 16.2347 7.71149C15.7128 7.90866 15.1142 7.87753 14.5974 7.57658C14.0755 7.27044 13.7531 6.76195 13.661 6.20156C13.1545 6.06146 12.6224 5.98363 12.0749 5.98363C11.1283 5.98363 10.238 6.20675 9.44488 6.60628L10.3966 8.32895C10.9031 8.09027 11.4762 7.95536 12.0749 7.95536ZM12.0749 16.0498C11.4762 16.0498 10.9031 15.9149 10.3915 15.6762L9.43977 17.3989C10.2329 17.7984 11.1283 18.0216 12.0697 18.0216C12.6172 18.0216 13.1494 17.9437 13.6559 17.8036C13.7429 17.2484 14.0704 16.7347 14.5923 16.4286C15.1091 16.1225 15.7128 16.0965 16.2296 16.2937C17.2376 15.2871 17.8977 13.9172 17.9949 12.3918L16.0454 12.3606C15.8715 14.4257 14.1625 16.0498 12.0749 16.0498ZM14.8686 7.08884C15.5235 7.47281 16.3575 7.2445 16.7362 6.58034C17.1148 5.91618 16.8897 5.07041 16.2347 4.68644C15.5798 4.30247 14.7458 4.53078 14.3671 5.19494C13.9936 5.8591 14.2188 6.70487 14.8686 7.08884Z"
-        fill="white"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5 12C22.5 17.796 17.8012 22.5 12 22.5C6.19875 22.5 1.5 17.796 1.5 12C1.5 6.19875 6.19875 1.5 12 1.5C17.8012 1.5 22.5 6.19875 22.5 12Z" fill="#E95420"/>
+<path d="M5.11616 10.6172C4.35889 10.6172 3.75 11.2398 3.75 12.0026C3.75 12.7653 4.364 13.388 5.11616 13.388C5.86831 13.388 6.48232 12.7653 6.48232 12.0026C6.48232 11.2347 5.86831 10.6172 5.11616 10.6172ZM14.8737 16.9112C14.2188 17.2951 13.9987 18.1409 14.3723 18.8051C14.7509 19.4692 15.5849 19.6975 16.2399 19.3136C16.8948 18.9296 17.1148 18.0838 16.7413 17.4197C16.3575 16.7607 15.5235 16.5324 14.8737 16.9112ZM8.08384 12.0026C8.08384 10.6328 8.75413 9.42378 9.78259 8.69216L8.78483 6.99544C7.58752 7.80489 6.70233 9.045 6.32882 10.4927C6.75862 10.8507 7.03492 11.3955 7.03492 12.0026C7.03492 12.6097 6.75862 13.1545 6.32882 13.5125C6.69722 14.9602 7.58752 16.2003 8.78483 17.0098L9.78259 15.313C8.75413 14.5814 8.08384 13.3724 8.08384 12.0026ZM12.0749 7.95536C14.1625 7.95536 15.8715 9.57425 16.0505 11.6446L18 11.6134C17.9028 10.0879 17.2478 8.71811 16.2347 7.71149C15.7128 7.90866 15.1142 7.87753 14.5974 7.57658C14.0755 7.27044 13.7531 6.76195 13.661 6.20156C13.1545 6.06146 12.6224 5.98363 12.0749 5.98363C11.1283 5.98363 10.238 6.20675 9.44488 6.60628L10.3966 8.32895C10.9031 8.09027 11.4762 7.95536 12.0749 7.95536ZM12.0749 16.0498C11.4762 16.0498 10.9031 15.9149 10.3915 15.6762L9.43977 17.3989C10.2329 17.7984 11.1283 18.0216 12.0697 18.0216C12.6172 18.0216 13.1494 17.9437 13.6559 17.8036C13.7429 17.2484 14.0704 16.7347 14.5923 16.4286C15.1091 16.1225 15.7128 16.0965 16.2296 16.2937C17.2376 15.2871 17.8977 13.9172 17.9949 12.3918L16.0454 12.3606C15.8715 14.4257 14.1625 16.0498 12.0749 16.0498ZM14.8686 7.08884C15.5235 7.47281 16.3575 7.2445 16.7362 6.58034C17.1148 5.91618 16.8897 5.07041 16.2347 4.68644C15.5798 4.30247 14.7458 4.53078 14.3671 5.19494C13.9936 5.8591 14.2188 6.70487 14.8686 7.08884Z" fill="white"/>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/color_us.tsx b/frontend/app/components/ui/Icons/color_us.tsx
index 965e9a08a..d539e5413 100644
--- a/frontend/app/components/ui/Icons/color_us.tsx
+++ b/frontend/app/components/ui/Icons/color_us.tsx
@@ -9,73 +9,29 @@ interface Props {
 }
 
 function Color_us(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clipPath="url(#clip0_475_20146)">
-        <rect y="0.399902" width="24" height="24" rx="12" fill="#FFFBE6" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.399902H28V24.3999H-4V0.399902Z"
-          fill="#F7FCFF"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 15.0667V17.0667H28V15.0667H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 18.7332V20.7332H28V18.7332H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 7.73315V9.73315H28V7.73315H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 22.3999V24.3999H28V22.3999H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 11.3999V13.3999H28V11.3999H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 0.399902V2.3999H28V0.399902H-4Z"
-          fill="#E31D1C"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-4 4.06665V6.06665H28V4.06665H-4Z"
-          fill="#E31D1C"
-        />
-        <rect x="-4" y="0.399902" width="20" height="13" fill="#2E42A5" />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M-2.27791 3.33861L-3.00379 3.8475L-2.75873 2.94189L-3.40344 2.36797H-2.56136L-2.27893 1.62891L-1.94775 2.36797H-1.2299L-1.79393 2.94189L-1.57557 3.8475L-2.27791 3.33861ZM1.72209 3.33861L0.996209 3.8475L1.24127 2.94189L0.596558 2.36797H1.43864L1.72107 1.62891L2.05225 2.36797H2.7701L2.20607 2.94189L2.42443 3.8475L1.72209 3.33861ZM4.99621 3.8475L5.72209 3.33861L6.42443 3.8475L6.20607 2.94189L6.7701 2.36797H6.05225L5.72107 1.62891L5.43864 2.36797H4.59656L5.24127 2.94189L4.99621 3.8475ZM9.72209 3.33861L8.99621 3.8475L9.24127 2.94189L8.59656 2.36797H9.43864L9.72107 1.62891L10.0522 2.36797H10.7701L10.2061 2.94189L10.4244 3.8475L9.72209 3.33861ZM-3.00379 7.8475L-2.27791 7.33861L-1.57557 7.8475L-1.79393 6.94189L-1.2299 6.36797H-1.94775L-2.27893 5.62891L-2.56136 6.36797H-3.40344L-2.75873 6.94189L-3.00379 7.8475ZM1.72209 7.33861L0.996209 7.8475L1.24127 6.94189L0.596558 6.36797H1.43864L1.72107 5.62891L2.05225 6.36797H2.7701L2.20607 6.94189L2.42443 7.8475L1.72209 7.33861ZM4.99621 7.8475L5.72209 7.33861L6.42443 7.8475L6.20607 6.94189L6.7701 6.36797H6.05225L5.72107 5.62891L5.43864 6.36797H4.59656L5.24127 6.94189L4.99621 7.8475ZM9.72209 7.33861L8.99621 7.8475L9.24127 6.94189L8.59656 6.36797H9.43864L9.72107 5.62891L10.0522 6.36797H10.7701L10.2061 6.94189L10.4244 7.8475L9.72209 7.33861ZM-3.00379 11.8475L-2.27791 11.3386L-1.57557 11.8475L-1.79393 10.9419L-1.2299 10.368H-1.94775L-2.27893 9.62891L-2.56136 10.368H-3.40344L-2.75873 10.9419L-3.00379 11.8475ZM1.72209 11.3386L0.996209 11.8475L1.24127 10.9419L0.596558 10.368H1.43864L1.72107 9.62891L2.05225 10.368H2.7701L2.20607 10.9419L2.42443 11.8475L1.72209 11.3386ZM4.99621 11.8475L5.72209 11.3386L6.42443 11.8475L6.20607 10.9419L6.7701 10.368H6.05225L5.72107 9.62891L5.43864 10.368H4.59656L5.24127 10.9419L4.99621 11.8475ZM9.72209 11.3386L8.99621 11.8475L9.24127 10.9419L8.59656 10.368H9.43864L9.72107 9.62891L10.0522 10.368H10.7701L10.2061 10.9419L10.4244 11.8475L9.72209 11.3386ZM12.9962 3.8475L13.7221 3.33861L14.4244 3.8475L14.2061 2.94189L14.7701 2.36797H14.0522L13.7211 1.62891L13.4386 2.36797H12.5966L13.2413 2.94189L12.9962 3.8475ZM13.7221 7.33861L12.9962 7.8475L13.2413 6.94189L12.5966 6.36797H13.4386L13.7211 5.62891L14.0522 6.36797H14.7701L14.2061 6.94189L14.4244 7.8475L13.7221 7.33861ZM12.9962 11.8475L13.7221 11.3386L14.4244 11.8475L14.2061 10.9419L14.7701 10.368H14.0522L13.7211 9.62891L13.4386 10.368H12.5966L13.2413 10.9419L12.9962 11.8475ZM-0.277911 5.33861L-1.00379 5.8475L-0.758726 4.94189L-1.40344 4.36797H-0.561355L-0.278926 3.62891L0.0522454 4.36797H0.770102L0.206065 4.94189L0.424427 5.8475L-0.277911 5.33861ZM2.99621 5.8475L3.72209 5.33861L4.42443 5.8475L4.20607 4.94189L4.7701 4.36797H4.05225L3.72107 3.62891L3.43864 4.36797H2.59656L3.24127 4.94189L2.99621 5.8475ZM7.72209 5.33861L6.99621 5.8475L7.24127 4.94189L6.59656 4.36797H7.43864L7.72107 3.62891L8.05225 4.36797H8.7701L8.20607 4.94189L8.42443 5.8475L7.72209 5.33861ZM-1.00379 9.8475L-0.277911 9.33861L0.424427 9.8475L0.206065 8.94189L0.770102 8.36797H0.0522454L-0.278926 7.62891L-0.561355 8.36797H-1.40344L-0.758726 8.94189L-1.00379 9.8475ZM3.72209 9.33861L2.99621 9.8475L3.24127 8.94189L2.59656 8.36797H3.43864L3.72107 7.62891L4.05225 8.36797H4.7701L4.20607 8.94189L4.42443 9.8475L3.72209 9.33861ZM6.99621 9.8475L7.72209 9.33861L8.42443 9.8475L8.20607 8.94189L8.7701 8.36797H8.05225L7.72107 7.62891L7.43864 8.36797H6.59656L7.24127 8.94189L6.99621 9.8475ZM11.7221 5.33861L10.9962 5.8475L11.2413 4.94189L10.5966 4.36797H11.4386L11.7211 3.62891L12.0522 4.36797H12.7701L12.2061 4.94189L12.4244 5.8475L11.7221 5.33861ZM10.9962 9.8475L11.7221 9.33861L12.4244 9.8475L12.2061 8.94189L12.7701 8.36797H12.0522L11.7211 7.62891L11.4386 8.36797H10.5966L11.2413 8.94189L10.9962 9.8475Z"
-          fill="#F7FCFF"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_475_20146">
-          <rect y="0.399902" width="24" height="24" rx="12" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clipPath="url(#clip0_475_20146)">
+<rect y="0.399902" width="24" height="24" rx="12" fill="#FFFBE6"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.399902H28V24.3999H-4V0.399902Z" fill="#F7FCFF"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 15.0667V17.0667H28V15.0667H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 18.7332V20.7332H28V18.7332H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 7.73315V9.73315H28V7.73315H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 22.3999V24.3999H28V22.3999H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 11.3999V13.3999H28V11.3999H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 0.399902V2.3999H28V0.399902H-4Z" fill="#E31D1C"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-4 4.06665V6.06665H28V4.06665H-4Z" fill="#E31D1C"/>
+<rect x="-4" y="0.399902" width="20" height="13" fill="#2E42A5"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M-2.27791 3.33861L-3.00379 3.8475L-2.75873 2.94189L-3.40344 2.36797H-2.56136L-2.27893 1.62891L-1.94775 2.36797H-1.2299L-1.79393 2.94189L-1.57557 3.8475L-2.27791 3.33861ZM1.72209 3.33861L0.996209 3.8475L1.24127 2.94189L0.596558 2.36797H1.43864L1.72107 1.62891L2.05225 2.36797H2.7701L2.20607 2.94189L2.42443 3.8475L1.72209 3.33861ZM4.99621 3.8475L5.72209 3.33861L6.42443 3.8475L6.20607 2.94189L6.7701 2.36797H6.05225L5.72107 1.62891L5.43864 2.36797H4.59656L5.24127 2.94189L4.99621 3.8475ZM9.72209 3.33861L8.99621 3.8475L9.24127 2.94189L8.59656 2.36797H9.43864L9.72107 1.62891L10.0522 2.36797H10.7701L10.2061 2.94189L10.4244 3.8475L9.72209 3.33861ZM-3.00379 7.8475L-2.27791 7.33861L-1.57557 7.8475L-1.79393 6.94189L-1.2299 6.36797H-1.94775L-2.27893 5.62891L-2.56136 6.36797H-3.40344L-2.75873 6.94189L-3.00379 7.8475ZM1.72209 7.33861L0.996209 7.8475L1.24127 6.94189L0.596558 6.36797H1.43864L1.72107 5.62891L2.05225 6.36797H2.7701L2.20607 6.94189L2.42443 7.8475L1.72209 7.33861ZM4.99621 7.8475L5.72209 7.33861L6.42443 7.8475L6.20607 6.94189L6.7701 6.36797H6.05225L5.72107 5.62891L5.43864 6.36797H4.59656L5.24127 6.94189L4.99621 7.8475ZM9.72209 7.33861L8.99621 7.8475L9.24127 6.94189L8.59656 6.36797H9.43864L9.72107 5.62891L10.0522 6.36797H10.7701L10.2061 6.94189L10.4244 7.8475L9.72209 7.33861ZM-3.00379 11.8475L-2.27791 11.3386L-1.57557 11.8475L-1.79393 10.9419L-1.2299 10.368H-1.94775L-2.27893 9.62891L-2.56136 10.368H-3.40344L-2.75873 10.9419L-3.00379 11.8475ZM1.72209 11.3386L0.996209 11.8475L1.24127 10.9419L0.596558 10.368H1.43864L1.72107 9.62891L2.05225 10.368H2.7701L2.20607 10.9419L2.42443 11.8475L1.72209 11.3386ZM4.99621 11.8475L5.72209 11.3386L6.42443 11.8475L6.20607 10.9419L6.7701 10.368H6.05225L5.72107 9.62891L5.43864 10.368H4.59656L5.24127 10.9419L4.99621 11.8475ZM9.72209 11.3386L8.99621 11.8475L9.24127 10.9419L8.59656 10.368H9.43864L9.72107 9.62891L10.0522 10.368H10.7701L10.2061 10.9419L10.4244 11.8475L9.72209 11.3386ZM12.9962 3.8475L13.7221 3.33861L14.4244 3.8475L14.2061 2.94189L14.7701 2.36797H14.0522L13.7211 1.62891L13.4386 2.36797H12.5966L13.2413 2.94189L12.9962 3.8475ZM13.7221 7.33861L12.9962 7.8475L13.2413 6.94189L12.5966 6.36797H13.4386L13.7211 5.62891L14.0522 6.36797H14.7701L14.2061 6.94189L14.4244 7.8475L13.7221 7.33861ZM12.9962 11.8475L13.7221 11.3386L14.4244 11.8475L14.2061 10.9419L14.7701 10.368H14.0522L13.7211 9.62891L13.4386 10.368H12.5966L13.2413 10.9419L12.9962 11.8475ZM-0.277911 5.33861L-1.00379 5.8475L-0.758726 4.94189L-1.40344 4.36797H-0.561355L-0.278926 3.62891L0.0522454 4.36797H0.770102L0.206065 4.94189L0.424427 5.8475L-0.277911 5.33861ZM2.99621 5.8475L3.72209 5.33861L4.42443 5.8475L4.20607 4.94189L4.7701 4.36797H4.05225L3.72107 3.62891L3.43864 4.36797H2.59656L3.24127 4.94189L2.99621 5.8475ZM7.72209 5.33861L6.99621 5.8475L7.24127 4.94189L6.59656 4.36797H7.43864L7.72107 3.62891L8.05225 4.36797H8.7701L8.20607 4.94189L8.42443 5.8475L7.72209 5.33861ZM-1.00379 9.8475L-0.277911 9.33861L0.424427 9.8475L0.206065 8.94189L0.770102 8.36797H0.0522454L-0.278926 7.62891L-0.561355 8.36797H-1.40344L-0.758726 8.94189L-1.00379 9.8475ZM3.72209 9.33861L2.99621 9.8475L3.24127 8.94189L2.59656 8.36797H3.43864L3.72107 7.62891L4.05225 8.36797H4.7701L4.20607 8.94189L4.42443 9.8475L3.72209 9.33861ZM6.99621 9.8475L7.72209 9.33861L8.42443 9.8475L8.20607 8.94189L8.7701 8.36797H8.05225L7.72107 7.62891L7.43864 8.36797H6.59656L7.24127 8.94189L6.99621 9.8475ZM11.7221 5.33861L10.9962 5.8475L11.2413 4.94189L10.5966 4.36797H11.4386L11.7211 3.62891L12.0522 4.36797H12.7701L12.2061 4.94189L12.4244 5.8475L11.7221 5.33861ZM10.9962 9.8475L11.7221 9.33861L12.4244 9.8475L12.2061 8.94189L12.7701 8.36797H12.0522L11.7211 7.62891L11.4386 8.36797H10.5966L11.2413 8.94189L10.9962 9.8475Z" fill="#F7FCFF"/>
+</g>
+<defs>
+<clipPath id="clip0_475_20146">
+<rect y="0.399902" width="24" height="24" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/columns_gap.tsx b/frontend/app/components/ui/Icons/columns_gap.tsx
index edac7e499..16ead70b6 100644
--- a/frontend/app/components/ui/Icons/columns_gap.tsx
+++ b/frontend/app/components/ui/Icons/columns_gap.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Columns_gap(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 1v3H1V1h5zM1 0a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm14 12v3h-5v-3h5zm-5-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5zM6 8v7H1V8h5zM1 7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H1zm14-6v7h-5V1h5zm-5-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1h-5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 1v3H1V1h5zM1 0a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm14 12v3h-5v-3h5zm-5-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5zM6 8v7H1V8h5zM1 7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H1zm14-6v7h-5V1h5zm-5-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1h-5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/console.tsx b/frontend/app/components/ui/Icons/console.tsx
index a347ffaa8..fc68f4d9c 100644
--- a/frontend/app/components/ui/Icons/console.tsx
+++ b/frontend/app/components/ui/Icons/console.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Console(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0zm2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0zm2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/console_error.tsx b/frontend/app/components/ui/Icons/console_error.tsx
index 7c7661a26..9f67a5fd7 100644
--- a/frontend/app/components/ui/Icons/console_error.tsx
+++ b/frontend/app/components/ui/Icons/console_error.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Console_error(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="12" cy="12" r="10" />
-      <path d="M12 8v4M12 16h.01" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/console_exception.tsx b/frontend/app/components/ui/Icons/console_exception.tsx
index 061c3532e..763dc0e07 100644
--- a/frontend/app/components/ui/Icons/console_exception.tsx
+++ b/frontend/app/components/ui/Icons/console_exception.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Console_exception(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm16 400c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352c8.822 0 16 7.178 16 16v352zm-192-92c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm-11.49-212h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.557 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM224 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm16 400c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352c8.822 0 16 7.178 16 16v352zm-192-92c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm-11.49-212h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.557 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM224 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/console_info.tsx b/frontend/app/components/ui/Icons/console_info.tsx
index 668e1f64d..99009e973 100644
--- a/frontend/app/components/ui/Icons/console_info.tsx
+++ b/frontend/app/components/ui/Icons/console_info.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Console_info(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/console_warning.tsx b/frontend/app/components/ui/Icons/console_warning.tsx
index 7ac9c38c5..df7f0b10a 100644
--- a/frontend/app/components/ui/Icons/console_warning.tsx
+++ b/frontend/app/components/ui/Icons/console_warning.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Console_warning(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.054-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.952 83.154 0l239.94 416.028zm-27.658 15.991-240-416c-6.16-10.678-21.583-10.634-27.718 0l-240 416C27.983 466.678 35.731 480 48 480h480c12.323 0 19.99-13.369 13.859-23.996zM288 372c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm-11.49-212h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM288 372c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.054-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.952 83.154 0l239.94 416.028zm-27.658 15.991-240-416c-6.16-10.678-21.583-10.634-27.718 0l-240 416C27.983 466.678 35.731 480 48 480h480c12.323 0 19.99-13.369 13.859-23.996zM288 372c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm-11.49-212h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM288 372c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/controller.tsx b/frontend/app/components/ui/Icons/controller.tsx
index d443af757..c9ae051d4 100644
--- a/frontend/app/components/ui/Icons/controller.tsx
+++ b/frontend/app/components/ui/Icons/controller.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Controller(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.5 6.027a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm-6.5-3h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z" />
-      <path d="M3.051 3.26a.5.5 0 0 1 .354-.613l1.932-.518a.5.5 0 0 1 .62.39c.655-.079 1.35-.117 2.043-.117.72 0 1.443.041 2.12.126a.5.5 0 0 1 .622-.399l1.932.518a.5.5 0 0 1 .306.729c.14.09.266.19.373.297.408.408.78 1.05 1.095 1.772.32.733.599 1.591.805 2.466.206.875.34 1.78.364 2.606.024.816-.059 1.602-.328 2.21a1.42 1.42 0 0 1-1.445.83c-.636-.067-1.115-.394-1.513-.773-.245-.232-.496-.526-.739-.808-.126-.148-.25-.292-.368-.423-.728-.804-1.597-1.527-3.224-1.527-1.627 0-2.496.723-3.224 1.527-.119.131-.242.275-.368.423-.243.282-.494.575-.739.808-.398.38-.877.706-1.513.773a1.42 1.42 0 0 1-1.445-.83c-.27-.608-.352-1.395-.329-2.21.024-.826.16-1.73.365-2.606.206-.875.486-1.733.805-2.466.315-.722.687-1.364 1.094-1.772a2.34 2.34 0 0 1 .433-.335.504.504 0 0 1-.028-.079zm2.036.412c-.877.185-1.469.443-1.733.708-.276.276-.587.783-.885 1.465a13.748 13.748 0 0 0-.748 2.295 12.351 12.351 0 0 0-.339 2.406c-.022.755.062 1.368.243 1.776a.42.42 0 0 0 .426.24c.327-.034.61-.199.929-.502.212-.202.4-.423.615-.674.133-.156.276-.323.44-.504C4.861 9.969 5.978 9.027 8 9.027s3.139.942 3.965 1.855c.164.181.307.348.44.504.214.251.403.472.615.674.318.303.601.468.929.503a.42.42 0 0 0 .426-.241c.18-.408.265-1.02.243-1.776a12.354 12.354 0 0 0-.339-2.406 13.753 13.753 0 0 0-.748-2.295c-.298-.682-.61-1.19-.885-1.465-.264-.265-.856-.523-1.733-.708-.85-.179-1.877-.27-2.913-.27-1.036 0-2.063.091-2.913.27z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.5 6.027a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm-6.5-3h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z"/><path d="M3.051 3.26a.5.5 0 0 1 .354-.613l1.932-.518a.5.5 0 0 1 .62.39c.655-.079 1.35-.117 2.043-.117.72 0 1.443.041 2.12.126a.5.5 0 0 1 .622-.399l1.932.518a.5.5 0 0 1 .306.729c.14.09.266.19.373.297.408.408.78 1.05 1.095 1.772.32.733.599 1.591.805 2.466.206.875.34 1.78.364 2.606.024.816-.059 1.602-.328 2.21a1.42 1.42 0 0 1-1.445.83c-.636-.067-1.115-.394-1.513-.773-.245-.232-.496-.526-.739-.808-.126-.148-.25-.292-.368-.423-.728-.804-1.597-1.527-3.224-1.527-1.627 0-2.496.723-3.224 1.527-.119.131-.242.275-.368.423-.243.282-.494.575-.739.808-.398.38-.877.706-1.513.773a1.42 1.42 0 0 1-1.445-.83c-.27-.608-.352-1.395-.329-2.21.024-.826.16-1.73.365-2.606.206-.875.486-1.733.805-2.466.315-.722.687-1.364 1.094-1.772a2.34 2.34 0 0 1 .433-.335.504.504 0 0 1-.028-.079zm2.036.412c-.877.185-1.469.443-1.733.708-.276.276-.587.783-.885 1.465a13.748 13.748 0 0 0-.748 2.295 12.351 12.351 0 0 0-.339 2.406c-.022.755.062 1.368.243 1.776a.42.42 0 0 0 .426.24c.327-.034.61-.199.929-.502.212-.202.4-.423.615-.674.133-.156.276-.323.44-.504C4.861 9.969 5.978 9.027 8 9.027s3.139.942 3.965 1.855c.164.181.307.348.44.504.214.251.403.472.615.674.318.303.601.468.929.503a.42.42 0 0 0 .426-.241c.18-.408.265-1.02.243-1.776a12.354 12.354 0 0 0-.339-2.406 13.753 13.753 0 0 0-.748-2.295c-.298-.682-.61-1.19-.885-1.465-.264-.265-.856-.523-1.733-.708-.85-.179-1.877-.27-2.913-.27-1.036 0-2.063.091-2.913.27z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cookies.tsx b/frontend/app/components/ui/Icons/cookies.tsx
index 37cf01101..dc99ba48b 100644
--- a/frontend/app/components/ui/Icons/cookies.tsx
+++ b/frontend/app/components/ui/Icons/cookies.tsx
@@ -9,17 +9,9 @@ interface Props {
 }
 
 function Cookies(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M507.44 208.64a15.982 15.982 0 0 0-13.824-12.928 15.962 15.962 0 0 0-16.48 9.312c-5.072 11.2-16.208 18.992-29.12 18.976-14.32.032-26.416-9.632-30.448-22.896-2.432-8.096-10.752-12.896-18.976-10.976-5.056 1.184-9.84 1.872-14.592 1.872-35.248-.064-63.936-28.752-64-64 0-4.752.688-9.536 1.872-14.576 1.936-8.224-2.88-16.56-10.976-18.992C297.632 90.416 287.968 78.32 288 64c-.016-12.928 7.776-24.048 18.976-29.12a15.974 15.974 0 0 0 9.312-16.48A15.983 15.983 0 0 0 303.36 4.56C288.096 1.696 272.288 0 256 0 114.784.032.032 114.784 0 256c.032 141.216 114.784 255.968 256 256 141.216-.032 255.968-114.784 256-256 0-16.288-1.696-32.096-4.56-47.36zm-93.12 205.68C373.696 454.912 317.792 480 256 480s-117.696-25.088-158.32-65.68C57.088 373.696 32 317.792 32 256S57.088 138.304 97.68 97.68C138.304 57.088 194.208 32 256 32c2.88 0 5.696.304 8.56.432-5.344 9.312-8.544 20.032-8.56 31.568.032 23.888 13.28 44.368 32.592 55.296-.304 2.848-.592 5.696-.592 8.704.032 52.976 43.024 95.968 96 96 3.008 0 5.856-.288 8.704-.592C403.632 242.704 424.096 255.968 448 256c11.536-.016 22.256-3.216 31.568-8.56.128 2.848.432 5.68.432 8.56 0 61.792-25.088 117.696-65.68 158.32z" />
-      <circle cx="192" cy="128" r="32" />
-      <circle cx="128" cy="256" r="32" />
-      <circle cx="288" cy="384" r="32" />
-      <circle cx="272" cy="272" r="16" />
-      <circle cx="400" cy="336" r="16" />
-      <circle cx="176" cy="368" r="16" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512"  width={ `${ width }px` } height={ `${ height }px` } ><path d="M507.44 208.64a15.982 15.982 0 0 0-13.824-12.928 15.962 15.962 0 0 0-16.48 9.312c-5.072 11.2-16.208 18.992-29.12 18.976-14.32.032-26.416-9.632-30.448-22.896-2.432-8.096-10.752-12.896-18.976-10.976-5.056 1.184-9.84 1.872-14.592 1.872-35.248-.064-63.936-28.752-64-64 0-4.752.688-9.536 1.872-14.576 1.936-8.224-2.88-16.56-10.976-18.992C297.632 90.416 287.968 78.32 288 64c-.016-12.928 7.776-24.048 18.976-29.12a15.974 15.974 0 0 0 9.312-16.48A15.983 15.983 0 0 0 303.36 4.56C288.096 1.696 272.288 0 256 0 114.784.032.032 114.784 0 256c.032 141.216 114.784 255.968 256 256 141.216-.032 255.968-114.784 256-256 0-16.288-1.696-32.096-4.56-47.36zm-93.12 205.68C373.696 454.912 317.792 480 256 480s-117.696-25.088-158.32-65.68C57.088 373.696 32 317.792 32 256S57.088 138.304 97.68 97.68C138.304 57.088 194.208 32 256 32c2.88 0 5.696.304 8.56.432-5.344 9.312-8.544 20.032-8.56 31.568.032 23.888 13.28 44.368 32.592 55.296-.304 2.848-.592 5.696-.592 8.704.032 52.976 43.024 95.968 96 96 3.008 0 5.856-.288 8.704-.592C403.632 242.704 424.096 255.968 448 256c11.536-.016 22.256-3.216 31.568-8.56.128 2.848.432 5.68.432 8.56 0 61.792-25.088 117.696-65.68 158.32z"/><circle cx="192" cy="128" r="32"/><circle cx="128" cy="256" r="32"/><circle cx="288" cy="384" r="32"/><circle cx="272" cy="272" r="16"/><circle cx="400" cy="336" r="16"/><circle cx="176" cy="368" r="16"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/copy.tsx b/frontend/app/components/ui/Icons/copy.tsx
index 35ea1e4ad..417925766 100644
--- a/frontend/app/components/ui/Icons/copy.tsx
+++ b/frontend/app/components/ui/Icons/copy.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Copy(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m433.941 65.941-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM352 32.491a15.88 15.88 0 0 1 7.431 4.195l51.882 51.883A15.885 15.885 0 0 1 415.508 96H352V32.491zM288 464c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V144c0-8.822 7.178-16 16-16h80v240c0 26.51 21.49 48 48 48h112v48zm128-96c0 8.822-7.178 16-16 16H176c-8.822 0-16-7.178-16-16V48c0-8.822 7.178-16 16-16h144v72c0 13.2 10.8 24 24 24h72v240z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m433.941 65.941-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM352 32.491a15.88 15.88 0 0 1 7.431 4.195l51.882 51.883A15.885 15.885 0 0 1 415.508 96H352V32.491zM288 464c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V144c0-8.822 7.178-16 16-16h80v240c0 26.51 21.49 48 48 48h112v48zm128-96c0 8.822-7.178 16-16 16H176c-8.822 0-16-7.178-16-16V48c0-8.822 7.178-16 16-16h144v72c0 13.2 10.8 24 24 24h72v240z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/credit_card_2_back.tsx b/frontend/app/components/ui/Icons/credit_card_2_back.tsx
index d5cada84c..7e786e394 100644
--- a/frontend/app/components/ui/Icons/credit_card_2_back.tsx
+++ b/frontend/app/components/ui/Icons/credit_card_2_back.tsx
@@ -9,17 +9,9 @@ interface Props {
 }
 
 function Credit_card_2_back(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="currentColor"
-      viewBox="0 0 16 16"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M11 5.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1z" />
-      <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm13 2v5H1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm-1 9H2a1 1 0 0 1-1-1v-1h14v1a1 1 0 0 1-1 1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="currentColor" viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11 5.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1z"/><path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm13 2v5H1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm-1 9H2a1 1 0 0 1-1-1v-1h14v1a1 1 0 0 1-1 1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cross.tsx b/frontend/app/components/ui/Icons/cross.tsx
index 032c869b8..00318f975 100644
--- a/frontend/app/components/ui/Icons/cross.tsx
+++ b/frontend/app/components/ui/Icons/cross.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Cross(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cubes.tsx b/frontend/app/components/ui/Icons/cubes.tsx
index 8d798be6d..7b0d9fe0b 100644
--- a/frontend/app/components/ui/Icons/cubes.tsx
+++ b/frontend/app/components/ui/Icons/cubes.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Cubes(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z" />
-      <path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/><path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cursor_trash.tsx b/frontend/app/components/ui/Icons/cursor_trash.tsx
index bdf75337c..c449353e3 100644
--- a/frontend/app/components/ui/Icons/cursor_trash.tsx
+++ b/frontend/app/components/ui/Icons/cursor_trash.tsx
@@ -9,37 +9,9 @@ interface Props {
 }
 
 function Cursor_trash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 32 32"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path fill="transparent" d="M0 0h32v32H0z" />
-      <g opacity=".5">
-        <path
-          fill="transparent"
-          d="M15.225-3.633 37.32 6.27l-9.903 22.096L5.32 18.463z"
-        />
-        <path
-          d="m18.722 2.844 10.6 10.955a1.045 1.045 0 0 1-.706 1.77l-4.363.184-.512.021.182.48 2.151 5.648a1.046 1.046 0 0 1-1.954.746L21.97 17l-.182-.48-.398.325-3.379 2.765a1.046 1.046 0 0 1-1.707-.851l.622-15.231a1.046 1.046 0 0 1 1.796-.685Z"
-          stroke="#000"
-          strokeWidth=".74"
-        />
-      </g>
-      <path
-        clipRule="evenodd"
-        d="M8.25 5.522A1.913 1.913 0 0 0 5.761 8.01l7.653 19.132a1.913 1.913 0 0 0 3.487.143l2.64-5.278 5.774 5.777a1.913 1.913 0 1 0 2.705-2.707L22.245 19.3l5.28-2.639a1.914 1.914 0 0 0-.145-3.485L8.25 5.522Z"
-      />
-      <path
-        d="M3.838 12.892a1.153 1.153 0 0 0-1.126 1.796l9.578 13.815a1.153 1.153 0 0 0 2.068-.386l1.135-4.68.134-.55.48.301 5.645 3.54L3.838 12.892Zm0 0 16.608 2.592-16.608-2.592Zm19.138 11.88-5.648-3.539-.48-.3.438-.36 3.716-3.061a1.152 1.152 0 0 0-.555-2.028l2.529 9.289Zm0 0a1.153 1.153 0 0 1-1.224 1.956l1.224-1.955Z"
-        stroke="#000"
-        strokeWidth=".816"
-        opacity=".3"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><g opacity=".5"><path fill="transparent" d="M15.225-3.633 37.32 6.27l-9.903 22.096L5.32 18.463z"/><path d="m18.722 2.844 10.6 10.955a1.045 1.045 0 0 1-.706 1.77l-4.363.184-.512.021.182.48 2.151 5.648a1.046 1.046 0 0 1-1.954.746L21.97 17l-.182-.48-.398.325-3.379 2.765a1.046 1.046 0 0 1-1.707-.851l.622-15.231a1.046 1.046 0 0 1 1.796-.685Z" stroke="#000" strokeWidth=".74"/></g><path clipRule="evenodd" d="M8.25 5.522A1.913 1.913 0 0 0 5.761 8.01l7.653 19.132a1.913 1.913 0 0 0 3.487.143l2.64-5.278 5.774 5.777a1.913 1.913 0 1 0 2.705-2.707L22.245 19.3l5.28-2.639a1.914 1.914 0 0 0-.145-3.485L8.25 5.522Z"/><path d="M3.838 12.892a1.153 1.153 0 0 0-1.126 1.796l9.578 13.815a1.153 1.153 0 0 0 2.068-.386l1.135-4.68.134-.55.48.301 5.645 3.54L3.838 12.892Zm0 0 16.608 2.592-16.608-2.592Zm19.138 11.88-5.648-3.539-.48-.3.438-.36 3.716-3.061a1.152 1.152 0 0 0-.555-2.028l2.529 9.289Zm0 0a1.153 1.153 0 0 1-1.224 1.956l1.224-1.955Z" stroke="#000" strokeWidth=".816" opacity=".3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/cypress.tsx b/frontend/app/components/ui/Icons/cypress.tsx
index dc0248922..2a1b4f2e2 100644
--- a/frontend/app/components/ui/Icons/cypress.tsx
+++ b/frontend/app/components/ui/Icons/cypress.tsx
@@ -1,12 +1,11 @@
-
 /* Auto-generated, do not edit */
 import React from 'react';
 
 interface Props {
-    size?: number | string;
-    width?: number | string;
-    height?: number | string;
-    fill?: string;
+  size?: number | string;
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
 }
 
 function Cypress(props: Props) {
diff --git a/frontend/app/components/ui/Icons/dash.tsx b/frontend/app/components/ui/Icons/dash.tsx
index 902dc3337..544dab3e1 100644
--- a/frontend/app/components/ui/Icons/dash.tsx
+++ b/frontend/app/components/ui/Icons/dash.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Dash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/dashboard_icn.tsx b/frontend/app/components/ui/Icons/dashboard_icn.tsx
index 658a9a508..3142277d3 100644
--- a/frontend/app/components/ui/Icons/dashboard_icn.tsx
+++ b/frontend/app/components/ui/Icons/dashboard_icn.tsx
@@ -9,236 +9,9 @@ interface Props {
 }
 
 function Dashboard_icn(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 276 241"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g filter="url(#a)">
-        <rect x="6" y="4" width="264" height="229" rx="6" fill="#fff" />
-      </g>
-      <g opacity=".7">
-        <rect
-          x="141"
-          y="14"
-          width="119"
-          height="101"
-          rx="4.244"
-          fill="#000"
-          fillOpacity=".08"
-        />
-        <rect
-          x="141.5"
-          y="14.5"
-          width="118"
-          height="100"
-          rx="3.744"
-          stroke="#000"
-          stroke-opacity=".12"
-        />
-      </g>
-      <g opacity=".3">
-        <rect
-          x="16"
-          y="14"
-          width="119"
-          height="101"
-          rx="4.244"
-          fill="#000"
-          fillOpacity=".08"
-        />
-        <rect
-          x="16.5"
-          y="14.5"
-          width="118"
-          height="100"
-          rx="3.744"
-          stroke="#000"
-          stroke-opacity=".12"
-        />
-      </g>
-      <g opacity=".46">
-        <rect
-          x="16"
-          y="122"
-          width="244"
-          height="99"
-          rx="4.244"
-          fill="#000"
-          fillOpacity=".08"
-        />
-        <rect
-          x="16.5"
-          y="122.5"
-          width="243"
-          height="98"
-          rx="3.744"
-          stroke="#000"
-          stroke-opacity=".12"
-        />
-      </g>
-      <rect
-        opacity=".2"
-        x="149"
-        y="85"
-        width="15"
-        height="20"
-        rx="2"
-        fill="#3EAAAF"
-      />
-      <rect
-        opacity=".4"
-        x="178"
-        y="54"
-        width="15"
-        height="51"
-        rx="2"
-        fill="#3EAAAF"
-      />
-      <rect
-        opacity=".6"
-        x="207"
-        y="62"
-        width="15"
-        height="43"
-        rx="2"
-        fill="#3EAAAF"
-      />
-      <rect
-        opacity=".4"
-        x="236"
-        y="45"
-        width="15"
-        height="60"
-        rx="2"
-        fill="#3EAAAF"
-      />
-      <path
-        opacity=".6"
-        d="M109 62a32.997 32.997 0 0 1-56.334 23.335l9.16-9.162A20.044 20.044 0 0 0 96.045 62H109Z"
-        fill="#3EAAAF"
-      />
-      <path
-        opacity=".2"
-        d="M51.09 83.645a33.002 33.002 0 0 1-6.892-30.457l12.582 3.486a19.945 19.945 0 0 0 4.165 18.408l-9.855 8.563Z"
-        fill="#3EAAAF"
-      />
-      <path
-        opacity=".4"
-        d="M44.652 51.688a33 33 0 0 1 64.32 8.95l-12.948.535a20.04 20.04 0 0 0-39.061-5.435l-12.31-4.05Z"
-        fill="#3EAAAF"
-      />
-      <path
-        d="M150.176 79.433a1 1 0 0 0 1.648 1.134l-1.648-1.134ZM247 29l-11.457 1.437 6.972 9.204L247 29Zm-35.954 23.046-.552.834.552-.834Zm5.777-.185-.604-.797.604.797Zm-36.606-14.317-.823-.567.823.567Zm6.877-1.336-.551.834.551-.834Zm-35.27 44.359 29.217-42.457-1.647-1.133-29.218 42.456 1.648 1.134Zm34.719-43.525 23.951 15.838 1.103-1.668-23.951-15.839-1.103 1.669Zm30.884 15.616 23.003-17.426-1.208-1.594-23.003 17.426 1.208 1.594Zm-6.933.222a6 6 0 0 0 6.933-.222l-1.208-1.594a4 4 0 0 1-4.622.148l-1.103 1.668Zm-29.453-14.77a4 4 0 0 1 5.502-1.068l1.103-1.669a6 6 0 0 0-8.252 1.604l1.647 1.133Z"
-        fill="#3EAAAF"
-      />
-      <rect
-        opacity=".2"
-        x="60"
-        y="102"
-        width="7"
-        height="3"
-        rx="1.5"
-        fill="#3EAAAF"
-      />
-      <rect
-        opacity=".3"
-        x="72"
-        y="102"
-        width="7"
-        height="3"
-        rx="1.5"
-        fill="#3EAAAF"
-      />
-      <rect
-        opacity=".6"
-        x="84"
-        y="102"
-        width="7"
-        height="3"
-        rx="1.5"
-        fill="#3EAAAF"
-      />
-      <path
-        clipRule="evenodd"
-        d="M17 187.928c0-1.01 1.326-1.383 1.853-.522l1.777 2.906c3.63 5.938 11.092 17.813 18.352 19 7.26 1.188 14.721-8.312 21.981-20.187C68.425 177.25 75.685 163 82.945 163c7.462 0 14.722 14.25 21.982 21.375 7.461 7.125 14.721 7.125 21.981 2.375 7.462-4.75 14.722-14.25 22.184-14.25 7.26 0 14.52 9.5 21.981 16.625 7.26 7.125 14.52 11.875 21.982 8.313 7.26-3.563 14.52-15.438 21.982-14.25 7.26 1.187 14.721 15.437 21.981 16.624 7.26 1.188 14.722-10.687 18.352-16.624l1.777-2.907c.527-.861 1.853-.488 1.853.522V217a3 3 0 0 1-3 3H20a3 3 0 0 1-3-3v-29.072Z"
-        fill="url(#b)"
-      />
-      <path
-        d="M258 180.5c-7 11-17.882 29.121-29 14-12.5-17-21.333-11.5-24.5-8-16.5 21.5-30.5 10.5-43-6-10-13.2-19.833-7.833-23.5-3.5-22.5 28-35.5 3.5-48.5-11.5C79 154 67 179 59 194c-8 13.5-21 29.5-41-6.5"
-        stroke="#3EAAAF"
-        strokeWidth="2"
-        strokeLinecap="round"
-      />
-      <circle
-        cx="42"
-        cy="206"
-        r="7"
-        fill="#fff"
-        stroke="#3EAAAF"
-        strokeWidth="2"
-      />
-      <circle
-        cx="117"
-        cy="187"
-        r="7"
-        fill="#fff"
-        stroke="#3EAAAF"
-        strokeWidth="2"
-      />
-      <circle
-        cx="212"
-        cy="183"
-        r="7"
-        fill="#fff"
-        stroke="#3EAAAF"
-        strokeWidth="2"
-      />
-      <defs>
-        <linearGradient
-          id="b"
-          x1="138"
-          y1="163"
-          x2="138.49"
-          y2="224"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#86C6C9" />
-          <stop offset="1" stopColor="#F6F6F6" />
-        </linearGradient>
-        <filter
-          id="a"
-          x="0"
-          y="0"
-          width="276"
-          height="241"
-          filterUnits="userSpaceOnUse"
-          colorInterpolationFilters="sRGB"
-        >
-          <feFlood floodOpacity="0" result="BackgroundImageFix" />
-          <feColorMatrix
-            in="SourceAlpha"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-            result="hardAlpha"
-          />
-          <feOffset dy="2" />
-          <feGaussianBlur stdDeviation="3" />
-          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
-          <feBlend
-            in2="BackgroundImageFix"
-            result="effect1_dropShadow_59_3139"
-          />
-          <feBlend
-            in="SourceGraphic"
-            in2="effect1_dropShadow_59_3139"
-            result="shape"
-          />
-        </filter>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 276 241" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g filter="url(#a)"><rect x="6" y="4" width="264" height="229" rx="6" fill="#fff"/></g><g opacity=".7"><rect x="141" y="14" width="119" height="101" rx="4.244" fill="#000" fillOpacity=".08"/><rect x="141.5" y="14.5" width="118" height="100" rx="3.744" stroke="#000" stroke-opacity=".12"/></g><g opacity=".3"><rect x="16" y="14" width="119" height="101" rx="4.244" fill="#000" fillOpacity=".08"/><rect x="16.5" y="14.5" width="118" height="100" rx="3.744" stroke="#000" stroke-opacity=".12"/></g><g opacity=".46"><rect x="16" y="122" width="244" height="99" rx="4.244" fill="#000" fillOpacity=".08"/><rect x="16.5" y="122.5" width="243" height="98" rx="3.744" stroke="#000" stroke-opacity=".12"/></g><rect opacity=".2" x="149" y="85" width="15" height="20" rx="2" fill="#3EAAAF"/><rect opacity=".4" x="178" y="54" width="15" height="51" rx="2" fill="#3EAAAF"/><rect opacity=".6" x="207" y="62" width="15" height="43" rx="2" fill="#3EAAAF"/><rect opacity=".4" x="236" y="45" width="15" height="60" rx="2" fill="#3EAAAF"/><path opacity=".6" d="M109 62a32.997 32.997 0 0 1-56.334 23.335l9.16-9.162A20.044 20.044 0 0 0 96.045 62H109Z" fill="#3EAAAF"/><path opacity=".2" d="M51.09 83.645a33.002 33.002 0 0 1-6.892-30.457l12.582 3.486a19.945 19.945 0 0 0 4.165 18.408l-9.855 8.563Z" fill="#3EAAAF"/><path opacity=".4" d="M44.652 51.688a33 33 0 0 1 64.32 8.95l-12.948.535a20.04 20.04 0 0 0-39.061-5.435l-12.31-4.05Z" fill="#3EAAAF"/><path d="M150.176 79.433a1 1 0 0 0 1.648 1.134l-1.648-1.134ZM247 29l-11.457 1.437 6.972 9.204L247 29Zm-35.954 23.046-.552.834.552-.834Zm5.777-.185-.604-.797.604.797Zm-36.606-14.317-.823-.567.823.567Zm6.877-1.336-.551.834.551-.834Zm-35.27 44.359 29.217-42.457-1.647-1.133-29.218 42.456 1.648 1.134Zm34.719-43.525 23.951 15.838 1.103-1.668-23.951-15.839-1.103 1.669Zm30.884 15.616 23.003-17.426-1.208-1.594-23.003 17.426 1.208 1.594Zm-6.933.222a6 6 0 0 0 6.933-.222l-1.208-1.594a4 4 0 0 1-4.622.148l-1.103 1.668Zm-29.453-14.77a4 4 0 0 1 5.502-1.068l1.103-1.669a6 6 0 0 0-8.252 1.604l1.647 1.133Z" fill="#3EAAAF"/><rect opacity=".2" x="60" y="102" width="7" height="3" rx="1.5" fill="#3EAAAF"/><rect opacity=".3" x="72" y="102" width="7" height="3" rx="1.5" fill="#3EAAAF"/><rect opacity=".6" x="84" y="102" width="7" height="3" rx="1.5" fill="#3EAAAF"/><path clipRule="evenodd" d="M17 187.928c0-1.01 1.326-1.383 1.853-.522l1.777 2.906c3.63 5.938 11.092 17.813 18.352 19 7.26 1.188 14.721-8.312 21.981-20.187C68.425 177.25 75.685 163 82.945 163c7.462 0 14.722 14.25 21.982 21.375 7.461 7.125 14.721 7.125 21.981 2.375 7.462-4.75 14.722-14.25 22.184-14.25 7.26 0 14.52 9.5 21.981 16.625 7.26 7.125 14.52 11.875 21.982 8.313 7.26-3.563 14.52-15.438 21.982-14.25 7.26 1.187 14.721 15.437 21.981 16.624 7.26 1.188 14.722-10.687 18.352-16.624l1.777-2.907c.527-.861 1.853-.488 1.853.522V217a3 3 0 0 1-3 3H20a3 3 0 0 1-3-3v-29.072Z" fill="url(#b)"/><path d="M258 180.5c-7 11-17.882 29.121-29 14-12.5-17-21.333-11.5-24.5-8-16.5 21.5-30.5 10.5-43-6-10-13.2-19.833-7.833-23.5-3.5-22.5 28-35.5 3.5-48.5-11.5C79 154 67 179 59 194c-8 13.5-21 29.5-41-6.5" stroke="#3EAAAF" strokeWidth="2" strokeLinecap="round"/><circle cx="42" cy="206" r="7" fill="#fff" stroke="#3EAAAF" strokeWidth="2"/><circle cx="117" cy="187" r="7" fill="#fff" stroke="#3EAAAF" strokeWidth="2"/><circle cx="212" cy="183" r="7" fill="#fff" stroke="#3EAAAF" strokeWidth="2"/><defs><linearGradient id="b" x1="138" y1="163" x2="138.49" y2="224" gradientUnits="userSpaceOnUse"><stop stopColor="#86C6C9"/><stop offset="1" stopColor="#F6F6F6"/></linearGradient><filter id="a" x="0" y="0" width="276" height="241" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="3"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_59_3139"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_59_3139" result="shape"/></filter></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/dashboards_circle_alert.tsx b/frontend/app/components/ui/Icons/dashboards_circle_alert.tsx
index fd38dcc52..7b0fb1bc8 100644
--- a/frontend/app/components/ui/Icons/dashboards_circle_alert.tsx
+++ b/frontend/app/components/ui/Icons/dashboards_circle_alert.tsx
@@ -9,30 +9,9 @@ interface Props {
 }
 
 function Dashboards_circle_alert(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z" />
-        <g stroke="currentColor" strokeLinecap="round" strokeLinejoin="round">
-          <path d="M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334ZM8 5.333V8" />
-          <path d="M8 10.667h.007" strokeWidth="2" />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h16v16H0z" />
-        </clipPath>
-        <clipPath id="b">
-          <path fill="#fff" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g><path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z"/><g stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"><path d="M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334ZM8 5.333V8"/><path d="M8 10.667h.007" strokeWidth="2"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath><clipPath id="b"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/dashboards_cohort_chart.tsx b/frontend/app/components/ui/Icons/dashboards_cohort_chart.tsx
index e52ff4d73..966864ad7 100644
--- a/frontend/app/components/ui/Icons/dashboards_cohort_chart.tsx
+++ b/frontend/app/components/ui/Icons/dashboards_cohort_chart.tsx
@@ -9,35 +9,9 @@ interface Props {
 }
 
 function Dashboards_cohort_chart(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z" />
-        <path
-          d="M2.023 6.008h11.953V2.023H2.023v11.953h3.985V2.023"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M2.023 9.992h7.97V2.023"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g><path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z"/><path d="M2.023 6.008h11.953V2.023H2.023v11.953h3.985V2.023" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/><path d="M2.023 9.992h7.97V2.023" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/dashboards_heatmap_2.tsx b/frontend/app/components/ui/Icons/dashboards_heatmap_2.tsx
index 6e99227c2..90827d214 100644
--- a/frontend/app/components/ui/Icons/dashboards_heatmap_2.tsx
+++ b/frontend/app/components/ui/Icons/dashboards_heatmap_2.tsx
@@ -9,27 +9,9 @@ interface Props {
 }
 
 function Dashboards_heatmap_2(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z" />
-        <path
-          d="M10.5 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM7 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM14.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM13.25 15a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5Zm0-2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM7 15a1.98 1.98 0 0 1-1.063-.31 3.5 3.5 0 1 1 2.055-3.42A1.996 1.996 0 0 1 7 15Zm-.942-1.514.27.247a.997.997 0 1 0 1.002-1.671l-.346-.121.015-.424a2.505 2.505 0 1 0-1.258 2.151l.317-.182ZM12 8a3.003 3.003 0 0 1-2.986-3.266A1.98 1.98 0 0 1 8 3a2.003 2.003 0 0 1 3.005-1.73c.305.179.556.435.728.744A3 3 0 1 1 12 8Zm-2-6a1 1 0 0 0-.801 1.595.99.99 0 0 0 .516.356l.451.135-.107.459A1.997 1.997 0 1 0 12 3a2 2 0 0 0-.456.058l-.458.107-.135-.45A.99.99 0 0 0 10 2ZM3.25 5.5a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5Zm0-3.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g><path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z"/><path d="M10.5 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM7 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM14.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM13.25 15a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5Zm0-2.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5ZM7 15a1.98 1.98 0 0 1-1.063-.31 3.5 3.5 0 1 1 2.055-3.42A1.996 1.996 0 0 1 7 15Zm-.942-1.514.27.247a.997.997 0 1 0 1.002-1.671l-.346-.121.015-.424a2.505 2.505 0 1 0-1.258 2.151l.317-.182ZM12 8a3.003 3.003 0 0 1-2.986-3.266A1.98 1.98 0 0 1 8 3a2.003 2.003 0 0 1 3.005-1.73c.305.179.556.435.728.744A3 3 0 1 1 12 8Zm-2-6a1 1 0 0 0-.801 1.595.99.99 0 0 0 .516.356l.451.135-.107.459A1.997 1.997 0 1 0 12 3a2 2 0 0 0-.456.058l-.458.107-.135-.45A.99.99 0 0 0 10 2ZM3.25 5.5a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5Zm0-3.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/dashboards_user_journey.tsx b/frontend/app/components/ui/Icons/dashboards_user_journey.tsx
index 658d5b121..5a137beaf 100644
--- a/frontend/app/components/ui/Icons/dashboards_user_journey.tsx
+++ b/frontend/app/components/ui/Icons/dashboards_user_journey.tsx
@@ -9,27 +9,9 @@ interface Props {
 }
 
 function Dashboards_user_journey(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z" />
-        <path
-          d="M14 2.667a.667.667 0 0 0-.667.666V4H2.667v-.667a.667.667 0 0 0-1.334 0v4a.667.667 0 0 0 1.334 0v-.666c2.773 0 3.946 1.406 5.18 2.893 1.233 1.487 2.586 3.107 5.486 3.107v.666a.667.667 0 1 0 1.334 0v-2.666a.667.667 0 0 0-1.334 0v.666c-2.273 0-3.286-1.22-4.46-2.626-1.313-1.58-2.806-3.374-6.206-3.374h10.666V6a.667.667 0 0 0 1.334 0V3.333A.667.667 0 0 0 14 2.667Z"
-          fill="currentColor"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g><path fill="#fff" fillOpacity=".01" d="M0 0h16v16H0z"/><path d="M14 2.667a.667.667 0 0 0-.667.666V4H2.667v-.667a.667.667 0 0 0-1.334 0v4a.667.667 0 0 0 1.334 0v-.666c2.773 0 3.946 1.406 5.18 2.893 1.233 1.487 2.586 3.107 5.486 3.107v.666a.667.667 0 1 0 1.334 0v-2.666a.667.667 0 0 0-1.334 0v.666c-2.273 0-3.286-1.22-4.46-2.626-1.313-1.58-2.806-3.374-6.206-3.374h10.666V6a.667.667 0 0 0 1.334 0V3.333A.667.667 0 0 0 14 2.667Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_clickMap.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_clickMap.tsx
index 5e8d39ab5..68f3d89e4 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_clickMap.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_clickMap.tsx
@@ -9,139 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_clickmap(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.5 70 70"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <rect
-          x=".289"
-          y=".789"
-          width="69.421"
-          height="10.803"
-          rx="2.025"
-          fill="#E8E9F4"
-          stroke="#000"
-          strokeWidth=".579"
-        />
-        <rect
-          x=".289"
-          y="15.171"
-          width="38.405"
-          height="38.163"
-          rx="4.339"
-          fill="#fff"
-          stroke="#000"
-          strokeWidth=".579"
-        />
-        <path
-          clipRule="evenodd"
-          d="M3.114 49.14a.181.181 0 1 0-.24.273l2.867 2.522a.181.181 0 1 0 .24-.272L3.114 49.14Zm-.01 1.76a.181.181 0 0 0-.22.287l.989.756a.181.181 0 1 0 .22-.289l-.989-.755Z"
-          fill="#010101"
-        />
-        <g stroke="#000">
-          <rect
-            x="43.034"
-            y="15.46"
-            width="26.16"
-            height="8.592"
-            rx="1.736"
-            fill="#fff"
-            strokeWidth="1.157"
-          />
-          <rect
-            opacity=".5"
-            x="42.745"
-            y="29.39"
-            width="26.738"
-            height="9.17"
-            rx="2.025"
-            fill="#D7D9EA"
-            strokeWidth=".579"
-          />
-          <rect
-            opacity=".2"
-            x="42.745"
-            y="43.609"
-            width="26.738"
-            height="9.17"
-            rx="2.025"
-            fill="#D7D9EA"
-            strokeWidth=".579"
-          />
-        </g>
-        <circle
-          opacity=".35"
-          cx="17.437"
-          cy="37.108"
-          r="14.356"
-          fill="#8ED4DA"
-        />
-        <circle
-          opacity=".35"
-          cx="17.437"
-          cy="37.108"
-          r="7.906"
-          fill="#8ED4DA"
-        />
-        <circle
-          opacity=".35"
-          cx="17.437"
-          cy="37.108"
-          r="5.039"
-          fill="#8ED4DA"
-        />
-        <path
-          d="M12.503 49.504v-1.022c0-1.338.756-2.56 1.952-3.159l.197-.098a1.706 1.706 0 0 0 .94-1.52v-6.582a1.16 1.16 0 0 1 1.555-1.09l.162.058c.42.153.734.505.84.939l.281 1.165a3.567 3.567 0 0 0 2.088 2.45l.143.06 1.573.7 1.057.401a2.47 2.47 0 0 1 1.055.768l.442.552c.19.238.479.377.783.377.468 0 .874.323.979.779l.382 1.67c.053.23.08.467.08.704v4.196c0 .46-.046.919-.138 1.37l-.162.792a4.656 4.656 0 0 1-4.186 3.712l-1.244.101a8.799 8.799 0 0 1-3.273-.352l-.605-.184a6.913 6.913 0 0 1-4.9-6.615v-.172Z"
-          fill="#fff"
-        />
-        <path
-          d="M25.955 42.56h-.907c0-.302-.302-.907-.605-1.21-.302-.302-.907-.604-1.663-.604-.302 0-.605 0-.907.151-.151-.302-.303-.454-.454-.756-.302-.302-.756-.605-1.663-.605-.302 0-.605 0-.756.151v-2.57C19 36.21 18.395 35 16.883 35c-.605 0-1.21.302-1.663.605-.756.907-.756 2.117-.756 2.117v6.502c-.907.15-1.664.453-2.117.907-.907 1.058-.907 2.42-.907 4.233v1.059c0 2.117 1.058 3.175 2.117 4.234l.453.605c1.966 1.814 3.63 2.419 7.712 2.419 4.385 0 6.35-2.42 6.35-7.712v-3.78c0-1.058-.302-3.175-2.117-3.629Zm.605 3.63v3.93c0 5.142-1.965 6.2-4.838 6.2-3.63 0-4.99-.454-6.502-1.966l-.605-.605c-1.058-1.21-1.663-1.814-1.663-3.326v-1.059c0-1.511 0-2.57.453-3.175.152-.151.605-.302 1.059-.302v.756l-.454 2.268c0 .151 0 .151.151.302.152.151.303 0 .303 0l1.512-1.814v-9.677c0-.151 0-.756.302-1.059.152 0 .303-.15.605-.15.454 0 .605.453.605.604v6.502c0 .453.302.907.756.907s.756-.454.756-.756v-1.966c0-.151.151-.756.756-.756.454 0 .756.151.756.605v1.966c0 .453.302.907.756.907s.756-.454.756-.756v-1.06c0-.15.151-.453.756-.453.302 0 .454.151.454.151.302.151.302.605.302.605v1.21c0 .453.302.756.605.756.454 0 .756-.152.756-.605 0-.151.151-.303.302-.454h.303c.907.303 1.058 1.815 1.058 2.268 0-.151 0-.151 0 0Z"
-          fill="#000"
-        />
-        <rect
-          x=".289"
-          y="59.407"
-          width="69.421"
-          height="10.803"
-          rx="2.025"
-          fill="#fff"
-          stroke="#000"
-          strokeWidth=".579"
-        />
-        <path
-          stroke="#000"
-          strokeWidth=".463"
-          strokeLinecap="round"
-          d="M46.457 67.73H23.543"
-        />
-        <path
-          stroke="#000"
-          strokeWidth=".231"
-          strokeLinecap="round"
-          d="M40.787 66.526H29.213"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z" />
-        </clipPath>
-        <clipPath id="b">
-          <rect
-            x="42.455"
-            y="14.882"
-            width="27.317"
-            height="38.187"
-            rx="2.314"
-            fill="#fff"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.5 70 70" width={ `${ width }px` } height={ `${ height }px` } ><g><rect x=".289" y=".789" width="69.421" height="10.803" rx="2.025" fill="#E8E9F4" stroke="#000" strokeWidth=".579"/><rect x=".289" y="15.171" width="38.405" height="38.163" rx="4.339" fill="#fff" stroke="#000" strokeWidth=".579"/><path clipRule="evenodd" d="M3.114 49.14a.181.181 0 1 0-.24.273l2.867 2.522a.181.181 0 1 0 .24-.272L3.114 49.14Zm-.01 1.76a.181.181 0 0 0-.22.287l.989.756a.181.181 0 1 0 .22-.289l-.989-.755Z" fill="#010101"/><g stroke="#000"><rect x="43.034" y="15.46" width="26.16" height="8.592" rx="1.736" fill="#fff" strokeWidth="1.157"/><rect opacity=".5" x="42.745" y="29.39" width="26.738" height="9.17" rx="2.025" fill="#D7D9EA" strokeWidth=".579"/><rect opacity=".2" x="42.745" y="43.609" width="26.738" height="9.17" rx="2.025" fill="#D7D9EA" strokeWidth=".579"/></g><circle opacity=".35" cx="17.437" cy="37.108" r="14.356" fill="#8ED4DA"/><circle opacity=".35" cx="17.437" cy="37.108" r="7.906" fill="#8ED4DA"/><circle opacity=".35" cx="17.437" cy="37.108" r="5.039" fill="#8ED4DA"/><path d="M12.503 49.504v-1.022c0-1.338.756-2.56 1.952-3.159l.197-.098a1.706 1.706 0 0 0 .94-1.52v-6.582a1.16 1.16 0 0 1 1.555-1.09l.162.058c.42.153.734.505.84.939l.281 1.165a3.567 3.567 0 0 0 2.088 2.45l.143.06 1.573.7 1.057.401a2.47 2.47 0 0 1 1.055.768l.442.552c.19.238.479.377.783.377.468 0 .874.323.979.779l.382 1.67c.053.23.08.467.08.704v4.196c0 .46-.046.919-.138 1.37l-.162.792a4.656 4.656 0 0 1-4.186 3.712l-1.244.101a8.799 8.799 0 0 1-3.273-.352l-.605-.184a6.913 6.913 0 0 1-4.9-6.615v-.172Z" fill="#fff"/><path d="M25.955 42.56h-.907c0-.302-.302-.907-.605-1.21-.302-.302-.907-.604-1.663-.604-.302 0-.605 0-.907.151-.151-.302-.303-.454-.454-.756-.302-.302-.756-.605-1.663-.605-.302 0-.605 0-.756.151v-2.57C19 36.21 18.395 35 16.883 35c-.605 0-1.21.302-1.663.605-.756.907-.756 2.117-.756 2.117v6.502c-.907.15-1.664.453-2.117.907-.907 1.058-.907 2.42-.907 4.233v1.059c0 2.117 1.058 3.175 2.117 4.234l.453.605c1.966 1.814 3.63 2.419 7.712 2.419 4.385 0 6.35-2.42 6.35-7.712v-3.78c0-1.058-.302-3.175-2.117-3.629Zm.605 3.63v3.93c0 5.142-1.965 6.2-4.838 6.2-3.63 0-4.99-.454-6.502-1.966l-.605-.605c-1.058-1.21-1.663-1.814-1.663-3.326v-1.059c0-1.511 0-2.57.453-3.175.152-.151.605-.302 1.059-.302v.756l-.454 2.268c0 .151 0 .151.151.302.152.151.303 0 .303 0l1.512-1.814v-9.677c0-.151 0-.756.302-1.059.152 0 .303-.15.605-.15.454 0 .605.453.605.604v6.502c0 .453.302.907.756.907s.756-.454.756-.756v-1.966c0-.151.151-.756.756-.756.454 0 .756.151.756.605v1.966c0 .453.302.907.756.907s.756-.454.756-.756v-1.06c0-.15.151-.453.756-.453.302 0 .454.151.454.151.302.151.302.605.302.605v1.21c0 .453.302.756.605.756.454 0 .756-.152.756-.605 0-.151.151-.303.302-.454h.303c.907.303 1.058 1.815 1.058 2.268 0-.151 0-.151 0 0Z" fill="#000"/><rect x=".289" y="59.407" width="69.421" height="10.803" rx="2.025" fill="#fff" stroke="#000" strokeWidth=".579"/><path stroke="#000" strokeWidth=".463" strokeLinecap="round" d="M46.457 67.73H23.543"/><path stroke="#000" strokeWidth=".231" strokeLinecap="round" d="M40.787 66.526H29.213"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z"/></clipPath><clipPath id="b"><rect x="42.455" y="14.882" width="27.317" height="38.187" rx="2.314" fill="#fff"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_errors.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_errors.tsx
index aab33feff..399b6f1b6 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_errors.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_errors.tsx
@@ -9,55 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_errors(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0.5 0 71.12 71"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" fill="#fff" />
-      <path
-        clipRule="evenodd"
-        d="M11.25 59.283v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Zm10 57.834v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Zm10 57.331v.503h-.5v-.503h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V34.64h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012V27.6h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V22.57h.5Zm0-2.012v1.006h-.5V20.56h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5V10.5h.5Zm0-2.012v1.006h-.5V8.49h.5Zm0-2.011v1.006h-.5V6.478h.5Zm0-2.012v1.006h-.5V4.466h.5Zm0-2.011V3.46h-.5V2.455h.5Zm0-1.51v.504h-.5V.946h.5Zm10 58.338v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Zm10 57.331v.503h-.5v-.503h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V34.64h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012V27.6h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V22.57h.5Zm0-2.012v1.006h-.5V20.56h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5V10.5h.5Zm0-2.012v1.006h-.5V8.49h.5Zm0-2.011v1.006h-.5V6.478h.5Zm0-2.012v1.006h-.5V4.466h.5Zm0-2.011V3.46h-.5V2.455h.5Zm0-1.51v.504h-.5V.946h.5Zm10 58.338v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Z"
-        fill="#D7D7D7"
-      />
-      <path
-        clipRule="evenodd"
-        d="M70.746 50.642h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.69v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.66v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.59v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.56v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H34.49v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H30.46v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H16.36v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0H9.31v.5H8.304v-.5Zm-2.015 0h1.007v.5H6.29v-.5Zm-2.014 0h1.007v.5H4.275v-.5Zm-2.014 0h1.007v.5H2.26v-.5Zm-1.511 0h.504v.5H.75v-.5Zm69.996-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.69v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.66v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.59v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.56v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H34.49v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H30.46v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H16.36v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0H9.31v.5H8.304v-.5Zm-2.015 0h1.007v.5H6.29v-.5Zm-2.014 0h1.007v.5H4.275v-.5Zm-2.014 0h1.007v.5H2.26v-.5Zm-1.511 0h.504v.5H.75v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.69v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.66v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.59v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.56v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H34.49v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H30.46v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H20.39v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H16.36v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H8.304v.5H9.31v-.5Zm-2.015 0H6.29v.5h1.007v-.5Zm-2.014 0H4.275v.5h1.007v-.5Zm-2.014 0H2.26v.5h1.007v-.5Zm-2.014 0H.75v.5h.504v-.5Zm69.492-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.69v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.66v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.59v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.56v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H34.49v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H30.46v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H16.36v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0H9.31v.5H8.304v-.5Zm-2.015 0h1.007v.5H6.29v-.5Zm-2.014 0h1.007v.5H4.275v-.5Zm-2.014 0h1.007v.5H2.26v-.5Zm-1.511 0h.504v.5H.75v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.69v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.66v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.59v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.56v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H34.49v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H30.46v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H20.39v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H16.36v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H8.304v.5H9.31v-.5Zm-2.015 0H6.29v.5h1.007v-.5Zm-2.014 0H4.275v.5h1.007v-.5Zm-2.014 0H2.26v.5h1.007v-.5Zm-2.014 0H.75v.5h.504v-.5Z"
-        fill="#D7D7D7"
-      />
-      <path
-        d="M67 70.516H5a4 4 0 0 1-4-4v-6.997h23.595l3.933-49.31 5.506 49.31h7.39l4.124-12.056 3.463 12.056h4.903l2.103-2.217 2.165 2.217H71v6.997a4 4 0 0 1-4 4Z"
-        fill="#8ED4DA"
-      />
-      <path
-        d="M31.481 36.766h-4.886v-.247l1.933-26.31 2.953 26.31v.247Z"
-        fill="#F0D3D3"
-      />
-      <path
-        clipRule="evenodd"
-        d="M29.493 19.837c.071-.039.103-.14.072-.226-.032-.087-.115-.126-.186-.087l-1.423.77c-.07.038-.103.14-.071.226.031.086.115.125.186.087l1.422-.77Zm-.182-1.102c.029.087-.006.187-.078.223l-.917.452c-.072.036-.154-.006-.183-.094-.03-.088.005-.188.077-.223l.918-.453c.072-.035.154.007.183.095Zm-.126-.778c.073-.032.112-.13.086-.219-.026-.09-.106-.136-.18-.104l-.895.384c-.074.032-.112.13-.086.219.026.089.106.136.18.104l.895-.384Zm-.088-1.192c.024.09-.015.186-.088.217l-.676.28c-.074.03-.154-.018-.179-.107-.025-.09.015-.187.088-.218l.676-.28c.074-.03.154.018.178.108Zm-.181-.785c.026.089-.011.187-.084.22l-.4.177c-.073.033-.154-.013-.18-.102-.027-.088.01-.187.083-.22l.4-.177c.073-.033.154.013.18.102Z"
-        fill="#010101"
-      />
-      <path
-        d="M.935 59.513h23.521l4.072-51.767 5.816 51.767h6.868l4.072-12.215 3.49 12.215h4.796l2.337-2.408 2.214 2.408h13.245"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path stroke="#000" strokeWidth=".4" d="M47.813 68.483H27.612" />
-      <path stroke="#000" strokeWidth=".2" d="M41.101 67.383H30.899" />
-      <rect
-        x=".75"
-        y=".25"
-        width="70.5"
-        height="70.5"
-        rx="4.25"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0.5 0 71.12 71" width={ `${ width }px` } height={ `${ height }px` } ><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" fill="#fff"/><path clipRule="evenodd" d="M11.25 59.283v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Zm10 57.834v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Zm10 57.331v.503h-.5v-.503h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V34.64h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012V27.6h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V22.57h.5Zm0-2.012v1.006h-.5V20.56h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5V10.5h.5Zm0-2.012v1.006h-.5V8.49h.5Zm0-2.011v1.006h-.5V6.478h.5Zm0-2.012v1.006h-.5V4.466h.5Zm0-2.011V3.46h-.5V2.455h.5Zm0-1.51v.504h-.5V.946h.5Zm10 58.338v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Zm10 57.331v.503h-.5v-.503h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V34.64h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5v-1.006h.5Zm0-2.012V27.6h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.006h-.5V22.57h.5Zm0-2.012v1.006h-.5V20.56h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.012v1.006h-.5v-1.006h.5Zm0-2.011v1.005h-.5v-1.005h.5Zm0-2.012v1.006h-.5V10.5h.5Zm0-2.012v1.006h-.5V8.49h.5Zm0-2.011v1.006h-.5V6.478h.5Zm0-2.012v1.006h-.5V4.466h.5Zm0-2.011V3.46h-.5V2.455h.5Zm0-1.51v.504h-.5V.946h.5Zm10 58.338v-.503h-.5v.503h.5Zm0-1.508v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V34.64h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5V27.6h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011V22.57h-.5v1.006h.5Zm0-2.012V20.56h-.5v1.006h.5Zm0-2.012v-1.005h-.5v1.005h.5Zm0-2.011v-1.006h-.5v1.006h.5Zm0-2.012v-1.006h-.5v1.006h.5Zm0-2.011v-1.006h-.5v1.005h.5Zm0-2.012V10.5h-.5v1.006h.5Zm0-2.012V8.49h-.5v1.006h.5Zm0-2.011V6.478h-.5v1.006h.5Zm0-2.012V4.466h-.5v1.006h.5Zm0-2.012V2.455h-.5V3.46h.5Zm0-2.011V.946h-.5v.503h.5Z" fill="#D7D7D7"/><path clipRule="evenodd" d="M70.746 50.642h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.69v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.66v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.59v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.56v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H34.49v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H30.46v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H16.36v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0H9.31v.5H8.304v-.5Zm-2.015 0h1.007v.5H6.29v-.5Zm-2.014 0h1.007v.5H4.275v-.5Zm-2.014 0h1.007v.5H2.26v-.5Zm-1.511 0h.504v.5H.75v-.5Zm69.996-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.69v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.66v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.59v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.56v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H34.49v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H30.46v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H16.36v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0H9.31v.5H8.304v-.5Zm-2.015 0h1.007v.5H6.29v-.5Zm-2.014 0h1.007v.5H4.275v-.5Zm-2.014 0h1.007v.5H2.26v-.5Zm-1.511 0h.504v.5H.75v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.69v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.66v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.59v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.56v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H34.49v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H30.46v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H20.39v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H16.36v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H8.304v.5H9.31v-.5Zm-2.015 0H6.29v.5h1.007v-.5Zm-2.014 0H4.275v.5h1.007v-.5Zm-2.014 0H2.26v.5h1.007v-.5Zm-2.014 0H.75v.5h.504v-.5Zm69.492-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.69v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.66v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.59v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.56v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H34.49v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H30.46v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H16.36v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0H9.31v.5H8.304v-.5Zm-2.015 0h1.007v.5H6.29v-.5Zm-2.014 0h1.007v.5H4.275v-.5Zm-2.014 0h1.007v.5H2.26v-.5Zm-1.511 0h.504v.5H.75v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.69v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.66v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.59v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.56v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H34.49v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H30.46v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H20.39v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H16.36v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H8.304v.5H9.31v-.5Zm-2.015 0H6.29v.5h1.007v-.5Zm-2.014 0H4.275v.5h1.007v-.5Zm-2.014 0H2.26v.5h1.007v-.5Zm-2.014 0H.75v.5h.504v-.5Z" fill="#D7D7D7"/><path d="M67 70.516H5a4 4 0 0 1-4-4v-6.997h23.595l3.933-49.31 5.506 49.31h7.39l4.124-12.056 3.463 12.056h4.903l2.103-2.217 2.165 2.217H71v6.997a4 4 0 0 1-4 4Z" fill="#8ED4DA"/><path d="M31.481 36.766h-4.886v-.247l1.933-26.31 2.953 26.31v.247Z" fill="#F0D3D3"/><path clipRule="evenodd" d="M29.493 19.837c.071-.039.103-.14.072-.226-.032-.087-.115-.126-.186-.087l-1.423.77c-.07.038-.103.14-.071.226.031.086.115.125.186.087l1.422-.77Zm-.182-1.102c.029.087-.006.187-.078.223l-.917.452c-.072.036-.154-.006-.183-.094-.03-.088.005-.188.077-.223l.918-.453c.072-.035.154.007.183.095Zm-.126-.778c.073-.032.112-.13.086-.219-.026-.09-.106-.136-.18-.104l-.895.384c-.074.032-.112.13-.086.219.026.089.106.136.18.104l.895-.384Zm-.088-1.192c.024.09-.015.186-.088.217l-.676.28c-.074.03-.154-.018-.179-.107-.025-.09.015-.187.088-.218l.676-.28c.074-.03.154.018.178.108Zm-.181-.785c.026.089-.011.187-.084.22l-.4.177c-.073.033-.154-.013-.18-.102-.027-.088.01-.187.083-.22l.4-.177c.073-.033.154.013.18.102Z" fill="#010101"/><path d="M.935 59.513h23.521l4.072-51.767 5.816 51.767h6.868l4.072-12.215 3.49 12.215h4.796l2.337-2.408 2.214 2.408h13.245" stroke="#000" strokeWidth=".5"/><path stroke="#000" strokeWidth=".4" d="M47.813 68.483H27.612"/><path stroke="#000" strokeWidth=".2" d="M41.101 67.383H30.899"/><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" stroke="#000" strokeWidth=".5"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_funnel.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_funnel.tsx
index e5120c4c9..b03ea762f 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_funnel.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_funnel.tsx
@@ -9,165 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_funnel(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.09 70 70.41"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <rect y=".6" width="9.106" height="9.106" rx="4.553" fill="#DDD" />
-        <path
-          d="M5.151 2.706v4.415h-.535V3.267h-.025l-1.078.715V3.44l1.103-.733h.535Z"
-          fill="#000"
-        />
-        <g>
-          <rect
-            x="11.613"
-            y=".694"
-            width="58.134"
-            height="8.6"
-            rx="1.771"
-            fill="#8ED4DA"
-            stroke="#000"
-            strokeWidth=".506"
-          />
-          <path
-            clipRule="evenodd"
-            d="M12.402 1.365a.158.158 0 1 0-.2.246l8.748 7.075a.159.159 0 0 0 .2-.246l-8.748-7.075Zm-.223 1.73a.159.159 0 0 1 .223-.024l6.67 5.37a.159.159 0 0 1-.2.246l-6.669-5.369a.159.159 0 0 1-.024-.223Zm.228 1.525a.159.159 0 0 0-.209.24l4.39 3.823a.158.158 0 1 0 .208-.239l-4.39-3.824Zm-.223 1.633a.159.159 0 0 1 .224-.012l2.472 2.204a.158.158 0 1 1-.211.237l-2.472-2.205a.159.159 0 0 1-.013-.224Zm-.007 1.553a.159.159 0 0 1 .223-.028l.852.66a.158.158 0 1 1-.194.25l-.853-.66a.159.159 0 0 1-.028-.222Z"
-            fill="#010101"
-          />
-        </g>
-        <rect y="15.722" width="9.213" height="9.213" rx="4.606" fill="#DDD" />
-        <path
-          d="M3.21 22.262v-.393l1.474-1.614c.173-.189.315-.353.427-.493a1.8 1.8 0 0 0 .249-.397.961.961 0 0 0 .083-.392.725.725 0 0 0-.419-.674.99.99 0 0 0-.436-.094.91.91 0 0 0-.45.107.736.736 0 0 0-.294.294.922.922 0 0 0-.102.445h-.515c0-.262.06-.491.18-.69.122-.197.286-.351.494-.462.21-.11.444-.165.704-.165.262 0 .494.055.696.165.202.111.36.26.476.448.114.187.172.396.172.626 0 .164-.03.325-.09.482-.058.155-.16.329-.305.52a9.234 9.234 0 0 1-.6.699l-1.003 1.073v.035h2.076v.48H3.21Z"
-          fill="#000"
-        />
-        <rect
-          x="14.553"
-          y="15.618"
-          width="55.447"
-          height="9.106"
-          rx="2.023"
-          fill="#F0D3D3"
-        />
-        <path
-          d="M13.49 15.87h41.273v8.6H13.49a1.77 1.77 0 0 1-1.77-1.77v-5.059c0-.978.792-1.77 1.77-1.77Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".506"
-        />
-        <path
-          clipRule="evenodd"
-          d="M12.605 17.85a.158.158 0 1 0-.203.243l6.563 5.48a.158.158 0 1 0 .203-.243l-6.563-5.48Zm-.219 1.592a.158.158 0 0 1 .224-.011l4.32 3.904a.158.158 0 1 1-.213.235l-4.32-3.904a.158.158 0 0 1-.01-.224Zm.226 1.643a.159.159 0 0 0-.216.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.432-2.25Zm-.009 1.57a.159.159 0 1 0-.198.246l.838.675a.159.159 0 0 0 .199-.248l-.839-.674Z"
-          fill="#010101"
-        />
-        <rect y="30.487" width="9.213" height="9.213" rx="4.606" fill="#DDD" />
-        <path
-          d="M4.623 37.088a1.9 1.9 0 0 1-.77-.149 1.32 1.32 0 0 1-.535-.412 1.108 1.108 0 0 1-.213-.617h.55a.65.65 0 0 0 .148.373.857.857 0 0 0 .342.24c.141.056.297.085.469.085.192 0 .362-.034.51-.1a.838.838 0 0 0 .35-.28.7.7 0 0 0 .126-.414.777.777 0 0 0-.122-.434.808.808 0 0 0-.358-.297 1.39 1.39 0 0 0-.576-.107h-.357v-.48h.357c.178 0 .333-.031.467-.095a.725.725 0 0 0 .432-.68.755.755 0 0 0-.1-.396.687.687 0 0 0-.284-.261.918.918 0 0 0-.428-.094c-.154 0-.3.028-.436.085a.813.813 0 0 0-.331.242.63.63 0 0 0-.14.38h-.523c.008-.235.079-.44.211-.615.133-.178.306-.316.52-.415.215-.099.45-.148.708-.148.276 0 .513.056.711.168.198.11.35.256.456.438.106.182.16.378.16.589 0 .252-.067.466-.2.643a1 1 0 0 1-.534.369v.035c.283.046.503.166.661.36.159.192.238.43.238.713 0 .243-.066.46-.198.654-.131.192-.31.343-.537.454-.227.11-.485.166-.774.166Z"
-          fill="#000"
-        />
-        <rect
-          x="14.553"
-          y="30.794"
-          width="55.447"
-          height="9.106"
-          rx="2.023"
-          fill="#F0D3D3"
-        />
-        <path
-          d="M13.486 31.047h27.425v8.6H13.486a1.77 1.77 0 0 1-1.77-1.77v-5.06c0-.977.793-1.77 1.77-1.77Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".506"
-        />
-        <path
-          clipRule="evenodd"
-          d="M12.865 34.601a.159.159 0 0 0-.213.236l4.319 3.903a.158.158 0 1 0 .212-.235L12.865 34.6Zm-.223 1.663a.159.159 0 0 1 .224-.009l2.432 2.251a.159.159 0 0 1-.215.233l-2.432-2.25a.159.159 0 0 1-.01-.225Zm-.007 1.585a.159.159 0 0 1 .223-.024l.838.674a.159.159 0 1 1-.198.247l-.839-.674a.158.158 0 0 1-.024-.223Z"
-          fill="#010101"
-        />
-        <rect y="45.252" width="9.213" height="9.213" rx="4.606" fill="#DDD" />
-        <path
-          d="M2.994 50.876v-.445l1.963-3.106h.322v.69h-.218L3.578 50.36v.035h2.644v.48H2.994Zm2.102.916v-4.467h.515v4.467h-.515Z"
-          fill="#000"
-        />
-        <g>
-          <rect
-            x="14.553"
-            y="44.959"
-            width="55.447"
-            height="9.106"
-            rx="2.023"
-            fill="#F0D3D3"
-          />
-          <path
-            d="M13.486 45.212H24.51v8.6H13.486a1.77 1.77 0 0 1-1.77-1.771v-5.059c0-.978.793-1.77 1.77-1.77Z"
-            fill="#8ED4DA"
-            stroke="#000"
-            strokeWidth=".506"
-          />
-          <path
-            clipRule="evenodd"
-            d="M12.961 50.254a.159.159 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .215-.233l-2.432-2.25Zm-.008 1.569a.159.159 0 0 0-.199.247l.839.674a.159.159 0 1 0 .198-.247l-.838-.674Z"
-            fill="#010101"
-          />
-        </g>
-        <rect y="60.429" width="9.213" height="9.213" rx="4.606" fill="#DDD" />
-        <path
-          d="M4.596 67.029c-.256 0-.486-.05-.691-.153a1.284 1.284 0 0 1-.493-.419 1.14 1.14 0 0 1-.203-.606h.524c.02.202.112.37.274.502.165.13.361.196.59.196a.908.908 0 0 0 .827-.482c.082-.151.123-.322.123-.512 0-.195-.043-.369-.128-.522a.945.945 0 0 0-.35-.364.986.986 0 0 0-.508-.135 1.398 1.398 0 0 0-.42.063 1.17 1.17 0 0 0-.356.164l-.506-.061.27-2.199H5.87v.48H4.003l-.157 1.317h.026a1.306 1.306 0 0 1 .776-.253 1.37 1.37 0 0 1 1.237.729c.124.225.186.483.186.772 0 .285-.064.54-.192.763a1.403 1.403 0 0 1-.524.528 1.494 1.494 0 0 1-.759.192Z"
-          fill="#000"
-        />
-        <g>
-          <rect
-            x="14.553"
-            y="60.135"
-            width="55.447"
-            height="9.106"
-            rx="2.023"
-            fill="#F0D3D3"
-          />
-          <path
-            d="M13.487 60.388h4.915v8.6h-4.915a1.77 1.77 0 0 1-1.77-1.771v-5.059c0-.978.792-1.77 1.77-1.77Z"
-            fill="#8ED4DA"
-            stroke="#000"
-            strokeWidth=".506"
-          />
-          <path
-            clipRule="evenodd"
-            d="M13.444 64.854a.158.158 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.433-2.25Zm-.008 1.57a.158.158 0 1 0-.198.246l.838.674a.159.159 0 0 0 .199-.247l-.839-.674Z"
-            fill="#010101"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z" />
-        </clipPath>
-        <clipPath id="b">
-          <path
-            fill="#fff"
-            transform="translate(11.13 .094)"
-            d="M0 0h58.871v10.117H0z"
-          />
-        </clipPath>
-        <clipPath id="c">
-          <path
-            fill="#fff"
-            transform="translate(11.236 44.8)"
-            d="M0 0h58.764v10.117H0z"
-          />
-        </clipPath>
-        <clipPath id="d">
-          <path
-            fill="#fff"
-            transform="translate(11.236 59.976)"
-            d="M0 0h58.764v10.117H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.09 70 70.41" width={ `${ width }px` } height={ `${ height }px` } ><g><rect y=".6" width="9.106" height="9.106" rx="4.553" fill="#DDD"/><path d="M5.151 2.706v4.415h-.535V3.267h-.025l-1.078.715V3.44l1.103-.733h.535Z" fill="#000"/><g><rect x="11.613" y=".694" width="58.134" height="8.6" rx="1.771" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.402 1.365a.158.158 0 1 0-.2.246l8.748 7.075a.159.159 0 0 0 .2-.246l-8.748-7.075Zm-.223 1.73a.159.159 0 0 1 .223-.024l6.67 5.37a.159.159 0 0 1-.2.246l-6.669-5.369a.159.159 0 0 1-.024-.223Zm.228 1.525a.159.159 0 0 0-.209.24l4.39 3.823a.158.158 0 1 0 .208-.239l-4.39-3.824Zm-.223 1.633a.159.159 0 0 1 .224-.012l2.472 2.204a.158.158 0 1 1-.211.237l-2.472-2.205a.159.159 0 0 1-.013-.224Zm-.007 1.553a.159.159 0 0 1 .223-.028l.852.66a.158.158 0 1 1-.194.25l-.853-.66a.159.159 0 0 1-.028-.222Z" fill="#010101"/></g><rect y="15.722" width="9.213" height="9.213" rx="4.606" fill="#DDD"/><path d="M3.21 22.262v-.393l1.474-1.614c.173-.189.315-.353.427-.493a1.8 1.8 0 0 0 .249-.397.961.961 0 0 0 .083-.392.725.725 0 0 0-.419-.674.99.99 0 0 0-.436-.094.91.91 0 0 0-.45.107.736.736 0 0 0-.294.294.922.922 0 0 0-.102.445h-.515c0-.262.06-.491.18-.69.122-.197.286-.351.494-.462.21-.11.444-.165.704-.165.262 0 .494.055.696.165.202.111.36.26.476.448.114.187.172.396.172.626 0 .164-.03.325-.09.482-.058.155-.16.329-.305.52a9.234 9.234 0 0 1-.6.699l-1.003 1.073v.035h2.076v.48H3.21Z" fill="#000"/><rect x="14.553" y="15.618" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M13.49 15.87h41.273v8.6H13.49a1.77 1.77 0 0 1-1.77-1.77v-5.059c0-.978.792-1.77 1.77-1.77Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.605 17.85a.158.158 0 1 0-.203.243l6.563 5.48a.158.158 0 1 0 .203-.243l-6.563-5.48Zm-.219 1.592a.158.158 0 0 1 .224-.011l4.32 3.904a.158.158 0 1 1-.213.235l-4.32-3.904a.158.158 0 0 1-.01-.224Zm.226 1.643a.159.159 0 0 0-.216.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.432-2.25Zm-.009 1.57a.159.159 0 1 0-.198.246l.838.675a.159.159 0 0 0 .199-.248l-.839-.674Z" fill="#010101"/><rect y="30.487" width="9.213" height="9.213" rx="4.606" fill="#DDD"/><path d="M4.623 37.088a1.9 1.9 0 0 1-.77-.149 1.32 1.32 0 0 1-.535-.412 1.108 1.108 0 0 1-.213-.617h.55a.65.65 0 0 0 .148.373.857.857 0 0 0 .342.24c.141.056.297.085.469.085.192 0 .362-.034.51-.1a.838.838 0 0 0 .35-.28.7.7 0 0 0 .126-.414.777.777 0 0 0-.122-.434.808.808 0 0 0-.358-.297 1.39 1.39 0 0 0-.576-.107h-.357v-.48h.357c.178 0 .333-.031.467-.095a.725.725 0 0 0 .432-.68.755.755 0 0 0-.1-.396.687.687 0 0 0-.284-.261.918.918 0 0 0-.428-.094c-.154 0-.3.028-.436.085a.813.813 0 0 0-.331.242.63.63 0 0 0-.14.38h-.523c.008-.235.079-.44.211-.615.133-.178.306-.316.52-.415.215-.099.45-.148.708-.148.276 0 .513.056.711.168.198.11.35.256.456.438.106.182.16.378.16.589 0 .252-.067.466-.2.643a1 1 0 0 1-.534.369v.035c.283.046.503.166.661.36.159.192.238.43.238.713 0 .243-.066.46-.198.654-.131.192-.31.343-.537.454-.227.11-.485.166-.774.166Z" fill="#000"/><rect x="14.553" y="30.794" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M13.486 31.047h27.425v8.6H13.486a1.77 1.77 0 0 1-1.77-1.77v-5.06c0-.977.793-1.77 1.77-1.77Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.865 34.601a.159.159 0 0 0-.213.236l4.319 3.903a.158.158 0 1 0 .212-.235L12.865 34.6Zm-.223 1.663a.159.159 0 0 1 .224-.009l2.432 2.251a.159.159 0 0 1-.215.233l-2.432-2.25a.159.159 0 0 1-.01-.225Zm-.007 1.585a.159.159 0 0 1 .223-.024l.838.674a.159.159 0 1 1-.198.247l-.839-.674a.158.158 0 0 1-.024-.223Z" fill="#010101"/><rect y="45.252" width="9.213" height="9.213" rx="4.606" fill="#DDD"/><path d="M2.994 50.876v-.445l1.963-3.106h.322v.69h-.218L3.578 50.36v.035h2.644v.48H2.994Zm2.102.916v-4.467h.515v4.467h-.515Z" fill="#000"/><g><rect x="14.553" y="44.959" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M13.486 45.212H24.51v8.6H13.486a1.77 1.77 0 0 1-1.77-1.771v-5.059c0-.978.793-1.77 1.77-1.77Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.961 50.254a.159.159 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .215-.233l-2.432-2.25Zm-.008 1.569a.159.159 0 0 0-.199.247l.839.674a.159.159 0 1 0 .198-.247l-.838-.674Z" fill="#010101"/></g><rect y="60.429" width="9.213" height="9.213" rx="4.606" fill="#DDD"/><path d="M4.596 67.029c-.256 0-.486-.05-.691-.153a1.284 1.284 0 0 1-.493-.419 1.14 1.14 0 0 1-.203-.606h.524c.02.202.112.37.274.502.165.13.361.196.59.196a.908.908 0 0 0 .827-.482c.082-.151.123-.322.123-.512 0-.195-.043-.369-.128-.522a.945.945 0 0 0-.35-.364.986.986 0 0 0-.508-.135 1.398 1.398 0 0 0-.42.063 1.17 1.17 0 0 0-.356.164l-.506-.061.27-2.199H5.87v.48H4.003l-.157 1.317h.026a1.306 1.306 0 0 1 .776-.253 1.37 1.37 0 0 1 1.237.729c.124.225.186.483.186.772 0 .285-.064.54-.192.763a1.403 1.403 0 0 1-.524.528 1.494 1.494 0 0 1-.759.192Z" fill="#000"/><g><rect x="14.553" y="60.135" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M13.487 60.388h4.915v8.6h-4.915a1.77 1.77 0 0 1-1.77-1.771v-5.059c0-.978.792-1.77 1.77-1.77Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M13.444 64.854a.158.158 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.433-2.25Zm-.008 1.57a.158.158 0 1 0-.198.246l.838.674a.159.159 0 0 0 .199-.247l-.839-.674Z" fill="#010101"/></g></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z"/></clipPath><clipPath id="b"><path fill="#fff" transform="translate(11.13 .094)" d="M0 0h58.871v10.117H0z"/></clipPath><clipPath id="c"><path fill="#fff" transform="translate(11.236 44.8)" d="M0 0h58.764v10.117H0z"/></clipPath><clipPath id="d"><path fill="#fff" transform="translate(11.236 59.976)" d="M0 0h58.764v10.117H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_funnels.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_funnels.tsx
index 28e7936c5..55932de8b 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_funnels.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_funnels.tsx
@@ -9,215 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_funnels(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.09 70 70.41"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <rect y=".6" width="9.106" height="9.106" rx="4.553" fill="#fff" />
-        <path
-          d="M5.151 2.706v4.415h-.535V3.267h-.025l-1.078.715V3.44l1.103-.733h.535Z"
-          fill="#000"
-        />
-        <rect
-          x=".25"
-          y=".85"
-          width="8.606"
-          height="8.606"
-          rx="4.303"
-          stroke="#000"
-          stroke-opacity=".87"
-          strokeWidth=".5"
-        />
-        <g>
-          <rect
-            x="11.613"
-            y=".694"
-            width="58.134"
-            height="8.6"
-            rx="1.771"
-            fill="#8ED4DA"
-            stroke="#000"
-            strokeWidth=".506"
-          />
-          <path
-            clipRule="evenodd"
-            d="M12.402 1.365a.158.158 0 1 0-.2.246l8.748 7.075a.159.159 0 0 0 .2-.246l-8.748-7.075Zm-.223 1.73a.159.159 0 0 1 .223-.024l6.67 5.37a.159.159 0 0 1-.2.246l-6.669-5.369a.159.159 0 0 1-.024-.223Zm.228 1.525a.159.159 0 0 0-.209.24l4.39 3.823a.158.158 0 1 0 .208-.239l-4.39-3.824Zm-.223 1.633a.159.159 0 0 1 .224-.012l2.472 2.204a.158.158 0 1 1-.211.237l-2.472-2.205a.159.159 0 0 1-.013-.224Zm-.007 1.553a.159.159 0 0 1 .223-.028l.852.66a.158.158 0 1 1-.194.25l-.853-.66a.159.159 0 0 1-.028-.222Z"
-            fill="#010101"
-          />
-        </g>
-        <rect y="15.722" width="9.213" height="9.213" rx="4.606" fill="#fff" />
-        <path
-          d="M3.21 22.262v-.393l1.474-1.614c.173-.189.315-.353.427-.493a1.8 1.8 0 0 0 .249-.397.961.961 0 0 0 .083-.392.725.725 0 0 0-.419-.674.99.99 0 0 0-.436-.094.91.91 0 0 0-.45.107.736.736 0 0 0-.294.294.922.922 0 0 0-.102.445h-.515c0-.262.06-.491.18-.69.122-.197.286-.351.494-.462.21-.11.444-.165.704-.165.262 0 .494.055.696.165.202.111.36.26.476.448.114.187.172.396.172.626 0 .164-.03.325-.09.482-.058.155-.16.329-.305.52a9.234 9.234 0 0 1-.6.699l-1.003 1.073v.035h2.076v.48H3.21Z"
-          fill="#000"
-        />
-        <rect
-          x=".25"
-          y="15.972"
-          width="8.713"
-          height="8.713"
-          rx="4.356"
-          stroke="#000"
-          stroke-opacity=".87"
-          strokeWidth=".5"
-        />
-        <rect
-          x="14.553"
-          y="15.618"
-          width="55.447"
-          height="9.106"
-          rx="2.023"
-          fill="#F0D3D3"
-        />
-        <path
-          d="M11.72 17.641c0-.978.792-1.77 1.77-1.77h41.273v8.6H13.49a1.77 1.77 0 0 1-1.77-1.771v-5.059Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".506"
-        />
-        <path
-          clipRule="evenodd"
-          d="M12.605 17.85a.158.158 0 1 0-.203.243l6.563 5.48a.158.158 0 1 0 .203-.243l-6.563-5.48Zm-.219 1.592a.158.158 0 0 1 .224-.011l4.32 3.904a.158.158 0 1 1-.213.235l-4.32-3.904a.158.158 0 0 1-.01-.224Zm.226 1.643a.159.159 0 0 0-.216.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.432-2.25Zm-.009 1.57a.159.159 0 1 0-.198.246l.838.675a.159.159 0 0 0 .199-.248l-.839-.674Z"
-          fill="#010101"
-        />
-        <rect y="30.487" width="9.213" height="9.213" rx="4.606" fill="#fff" />
-        <path
-          d="M4.623 37.088a1.9 1.9 0 0 1-.77-.149 1.32 1.32 0 0 1-.535-.412 1.108 1.108 0 0 1-.213-.617h.55a.65.65 0 0 0 .148.373.857.857 0 0 0 .342.24c.141.056.297.085.469.085.192 0 .362-.034.51-.1a.838.838 0 0 0 .35-.28.7.7 0 0 0 .126-.414.777.777 0 0 0-.122-.434.808.808 0 0 0-.358-.297 1.39 1.39 0 0 0-.576-.107h-.357v-.48h.357c.178 0 .333-.031.467-.095a.725.725 0 0 0 .432-.68.755.755 0 0 0-.1-.396.687.687 0 0 0-.284-.261.918.918 0 0 0-.428-.094c-.154 0-.3.028-.436.085a.813.813 0 0 0-.331.242.63.63 0 0 0-.14.38h-.523c.008-.235.079-.44.211-.615.133-.178.306-.316.52-.415.215-.099.45-.148.708-.148.276 0 .513.056.711.168.198.11.35.256.456.438.106.182.16.378.16.589 0 .252-.067.466-.2.643a1 1 0 0 1-.534.369v.035c.283.046.503.166.661.36.159.192.238.43.238.713 0 .243-.066.46-.198.654-.131.192-.31.343-.537.454-.227.11-.485.166-.774.166Z"
-          fill="#000"
-        />
-        <rect
-          x=".25"
-          y="30.737"
-          width="8.713"
-          height="8.713"
-          rx="4.356"
-          stroke="#000"
-          stroke-opacity=".87"
-          strokeWidth=".5"
-        />
-        <rect
-          x="14.553"
-          y="30.794"
-          width="55.447"
-          height="9.106"
-          rx="2.023"
-          fill="#F0D3D3"
-        />
-        <path
-          d="M11.716 32.818a1.77 1.77 0 0 1 1.77-1.771h27.425v8.6H13.486a1.77 1.77 0 0 1-1.77-1.77v-5.06Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".506"
-        />
-        <path
-          clipRule="evenodd"
-          d="M12.865 34.601a.159.159 0 0 0-.213.236l4.319 3.903a.158.158 0 1 0 .212-.235L12.865 34.6Zm-.223 1.663a.159.159 0 0 1 .224-.009l2.432 2.251a.159.159 0 0 1-.215.233l-2.432-2.25a.159.159 0 0 1-.01-.225Zm-.007 1.585a.159.159 0 0 1 .223-.024l.838.674a.159.159 0 1 1-.198.247l-.839-.674a.158.158 0 0 1-.024-.223Z"
-          fill="#010101"
-        />
-        <rect y="45.252" width="9.213" height="9.213" rx="4.606" fill="#fff" />
-        <path
-          d="M2.994 50.876v-.445l1.963-3.106h.322v.69h-.218L3.578 50.36v.035h2.644v.48H2.994Zm2.102.916v-4.467h.515v4.467h-.515Z"
-          fill="#000"
-        />
-        <rect
-          x=".25"
-          y="45.502"
-          width="8.713"
-          height="8.713"
-          rx="4.356"
-          stroke="#000"
-          stroke-opacity=".87"
-          strokeWidth=".5"
-        />
-        <g>
-          <rect
-            x="14.553"
-            y="44.959"
-            width="55.447"
-            height="9.106"
-            rx="2.023"
-            fill="#F0D3D3"
-          />
-          <path
-            d="M11.716 46.982c0-.978.793-1.77 1.77-1.77H24.51v8.6H13.486a1.77 1.77 0 0 1-1.77-1.771v-5.059Z"
-            fill="#8ED4DA"
-            stroke="#000"
-            strokeWidth=".506"
-          />
-          <path
-            clipRule="evenodd"
-            d="M12.961 50.254a.159.159 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .215-.233l-2.432-2.25Zm-.008 1.569a.159.159 0 0 0-.199.247l.839.674a.159.159 0 1 0 .198-.247l-.838-.674Z"
-            fill="#010101"
-          />
-        </g>
-        <rect y="60.429" width="9.213" height="9.213" rx="4.606" fill="#fff" />
-        <path
-          d="M4.596 67.029c-.256 0-.486-.05-.691-.153a1.284 1.284 0 0 1-.493-.419 1.14 1.14 0 0 1-.203-.606h.524c.02.202.112.37.274.502.165.13.361.196.59.196a.908.908 0 0 0 .827-.482c.082-.151.123-.322.123-.512 0-.195-.043-.369-.128-.522a.945.945 0 0 0-.35-.364.986.986 0 0 0-.508-.135 1.398 1.398 0 0 0-.42.063 1.17 1.17 0 0 0-.356.164l-.506-.061.27-2.199H5.87v.48H4.003l-.157 1.317h.026a1.306 1.306 0 0 1 .776-.253 1.37 1.37 0 0 1 1.237.729c.124.225.186.483.186.772 0 .285-.064.54-.192.763a1.403 1.403 0 0 1-.524.528 1.494 1.494 0 0 1-.759.192Z"
-          fill="#000"
-        />
-        <rect
-          x=".25"
-          y="60.679"
-          width="8.713"
-          height="8.713"
-          rx="4.356"
-          stroke="#000"
-          stroke-opacity=".87"
-          strokeWidth=".5"
-        />
-        <g>
-          <rect
-            x="14.553"
-            y="60.135"
-            width="55.447"
-            height="9.106"
-            rx="2.023"
-            fill="#F0D3D3"
-          />
-          <path
-            d="M11.716 62.158c0-.978.793-1.77 1.77-1.77h4.916v8.6h-4.915a1.77 1.77 0 0 1-1.77-1.771v-5.059Z"
-            fill="#8ED4DA"
-            stroke="#000"
-            strokeWidth=".506"
-          />
-          <path
-            clipRule="evenodd"
-            d="M13.444 64.854a.158.158 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.433-2.25Zm-.008 1.57a.158.158 0 1 0-.198.246l.838.674a.159.159 0 0 0 .199-.247l-.839-.674Z"
-            fill="#010101"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z" />
-        </clipPath>
-        <clipPath id="b">
-          <path
-            fill="#fff"
-            transform="translate(11.13 .094)"
-            d="M0 0h58.871v10.117H0z"
-          />
-        </clipPath>
-        <clipPath id="c">
-          <path
-            fill="#fff"
-            transform="translate(11.236 44.8)"
-            d="M0 0h58.764v10.117H0z"
-          />
-        </clipPath>
-        <clipPath id="d">
-          <path
-            fill="#fff"
-            transform="translate(11.236 59.976)"
-            d="M0 0h58.764v10.117H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.09 70 70.41" width={ `${ width }px` } height={ `${ height }px` } ><g><rect y=".6" width="9.106" height="9.106" rx="4.553" fill="#fff"/><path d="M5.151 2.706v4.415h-.535V3.267h-.025l-1.078.715V3.44l1.103-.733h.535Z" fill="#000"/><rect x=".25" y=".85" width="8.606" height="8.606" rx="4.303" stroke="#000" stroke-opacity=".87" strokeWidth=".5"/><g><rect x="11.613" y=".694" width="58.134" height="8.6" rx="1.771" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.402 1.365a.158.158 0 1 0-.2.246l8.748 7.075a.159.159 0 0 0 .2-.246l-8.748-7.075Zm-.223 1.73a.159.159 0 0 1 .223-.024l6.67 5.37a.159.159 0 0 1-.2.246l-6.669-5.369a.159.159 0 0 1-.024-.223Zm.228 1.525a.159.159 0 0 0-.209.24l4.39 3.823a.158.158 0 1 0 .208-.239l-4.39-3.824Zm-.223 1.633a.159.159 0 0 1 .224-.012l2.472 2.204a.158.158 0 1 1-.211.237l-2.472-2.205a.159.159 0 0 1-.013-.224Zm-.007 1.553a.159.159 0 0 1 .223-.028l.852.66a.158.158 0 1 1-.194.25l-.853-.66a.159.159 0 0 1-.028-.222Z" fill="#010101"/></g><rect y="15.722" width="9.213" height="9.213" rx="4.606" fill="#fff"/><path d="M3.21 22.262v-.393l1.474-1.614c.173-.189.315-.353.427-.493a1.8 1.8 0 0 0 .249-.397.961.961 0 0 0 .083-.392.725.725 0 0 0-.419-.674.99.99 0 0 0-.436-.094.91.91 0 0 0-.45.107.736.736 0 0 0-.294.294.922.922 0 0 0-.102.445h-.515c0-.262.06-.491.18-.69.122-.197.286-.351.494-.462.21-.11.444-.165.704-.165.262 0 .494.055.696.165.202.111.36.26.476.448.114.187.172.396.172.626 0 .164-.03.325-.09.482-.058.155-.16.329-.305.52a9.234 9.234 0 0 1-.6.699l-1.003 1.073v.035h2.076v.48H3.21Z" fill="#000"/><rect x=".25" y="15.972" width="8.713" height="8.713" rx="4.356" stroke="#000" stroke-opacity=".87" strokeWidth=".5"/><rect x="14.553" y="15.618" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M11.72 17.641c0-.978.792-1.77 1.77-1.77h41.273v8.6H13.49a1.77 1.77 0 0 1-1.77-1.771v-5.059Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.605 17.85a.158.158 0 1 0-.203.243l6.563 5.48a.158.158 0 1 0 .203-.243l-6.563-5.48Zm-.219 1.592a.158.158 0 0 1 .224-.011l4.32 3.904a.158.158 0 1 1-.213.235l-4.32-3.904a.158.158 0 0 1-.01-.224Zm.226 1.643a.159.159 0 0 0-.216.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.432-2.25Zm-.009 1.57a.159.159 0 1 0-.198.246l.838.675a.159.159 0 0 0 .199-.248l-.839-.674Z" fill="#010101"/><rect y="30.487" width="9.213" height="9.213" rx="4.606" fill="#fff"/><path d="M4.623 37.088a1.9 1.9 0 0 1-.77-.149 1.32 1.32 0 0 1-.535-.412 1.108 1.108 0 0 1-.213-.617h.55a.65.65 0 0 0 .148.373.857.857 0 0 0 .342.24c.141.056.297.085.469.085.192 0 .362-.034.51-.1a.838.838 0 0 0 .35-.28.7.7 0 0 0 .126-.414.777.777 0 0 0-.122-.434.808.808 0 0 0-.358-.297 1.39 1.39 0 0 0-.576-.107h-.357v-.48h.357c.178 0 .333-.031.467-.095a.725.725 0 0 0 .432-.68.755.755 0 0 0-.1-.396.687.687 0 0 0-.284-.261.918.918 0 0 0-.428-.094c-.154 0-.3.028-.436.085a.813.813 0 0 0-.331.242.63.63 0 0 0-.14.38h-.523c.008-.235.079-.44.211-.615.133-.178.306-.316.52-.415.215-.099.45-.148.708-.148.276 0 .513.056.711.168.198.11.35.256.456.438.106.182.16.378.16.589 0 .252-.067.466-.2.643a1 1 0 0 1-.534.369v.035c.283.046.503.166.661.36.159.192.238.43.238.713 0 .243-.066.46-.198.654-.131.192-.31.343-.537.454-.227.11-.485.166-.774.166Z" fill="#000"/><rect x=".25" y="30.737" width="8.713" height="8.713" rx="4.356" stroke="#000" stroke-opacity=".87" strokeWidth=".5"/><rect x="14.553" y="30.794" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M11.716 32.818a1.77 1.77 0 0 1 1.77-1.771h27.425v8.6H13.486a1.77 1.77 0 0 1-1.77-1.77v-5.06Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.865 34.601a.159.159 0 0 0-.213.236l4.319 3.903a.158.158 0 1 0 .212-.235L12.865 34.6Zm-.223 1.663a.159.159 0 0 1 .224-.009l2.432 2.251a.159.159 0 0 1-.215.233l-2.432-2.25a.159.159 0 0 1-.01-.225Zm-.007 1.585a.159.159 0 0 1 .223-.024l.838.674a.159.159 0 1 1-.198.247l-.839-.674a.158.158 0 0 1-.024-.223Z" fill="#010101"/><rect y="45.252" width="9.213" height="9.213" rx="4.606" fill="#fff"/><path d="M2.994 50.876v-.445l1.963-3.106h.322v.69h-.218L3.578 50.36v.035h2.644v.48H2.994Zm2.102.916v-4.467h.515v4.467h-.515Z" fill="#000"/><rect x=".25" y="45.502" width="8.713" height="8.713" rx="4.356" stroke="#000" stroke-opacity=".87" strokeWidth=".5"/><g><rect x="14.553" y="44.959" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M11.716 46.982c0-.978.793-1.77 1.77-1.77H24.51v8.6H13.486a1.77 1.77 0 0 1-1.77-1.771v-5.059Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M12.961 50.254a.159.159 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .215-.233l-2.432-2.25Zm-.008 1.569a.159.159 0 0 0-.199.247l.839.674a.159.159 0 1 0 .198-.247l-.838-.674Z" fill="#010101"/></g><rect y="60.429" width="9.213" height="9.213" rx="4.606" fill="#fff"/><path d="M4.596 67.029c-.256 0-.486-.05-.691-.153a1.284 1.284 0 0 1-.493-.419 1.14 1.14 0 0 1-.203-.606h.524c.02.202.112.37.274.502.165.13.361.196.59.196a.908.908 0 0 0 .827-.482c.082-.151.123-.322.123-.512 0-.195-.043-.369-.128-.522a.945.945 0 0 0-.35-.364.986.986 0 0 0-.508-.135 1.398 1.398 0 0 0-.42.063 1.17 1.17 0 0 0-.356.164l-.506-.061.27-2.199H5.87v.48H4.003l-.157 1.317h.026a1.306 1.306 0 0 1 .776-.253 1.37 1.37 0 0 1 1.237.729c.124.225.186.483.186.772 0 .285-.064.54-.192.763a1.403 1.403 0 0 1-.524.528 1.494 1.494 0 0 1-.759.192Z" fill="#000"/><rect x=".25" y="60.679" width="8.713" height="8.713" rx="4.356" stroke="#000" stroke-opacity=".87" strokeWidth=".5"/><g><rect x="14.553" y="60.135" width="55.447" height="9.106" rx="2.023" fill="#F0D3D3"/><path d="M11.716 62.158c0-.978.793-1.77 1.77-1.77h4.916v8.6h-4.915a1.77 1.77 0 0 1-1.77-1.771v-5.059Z" fill="#8ED4DA" stroke="#000" strokeWidth=".506"/><path clipRule="evenodd" d="M13.444 64.854a.158.158 0 1 0-.215.233l2.432 2.25a.159.159 0 0 0 .216-.232l-2.433-2.25Zm-.008 1.57a.158.158 0 1 0-.198.246l.838.674a.159.159 0 0 0 .199-.247l-.839-.674Z" fill="#010101"/></g></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z"/></clipPath><clipPath id="b"><path fill="#fff" transform="translate(11.13 .094)" d="M0 0h58.871v10.117H0z"/></clipPath><clipPath id="c"><path fill="#fff" transform="translate(11.236 44.8)" d="M0 0h58.764v10.117H0z"/></clipPath><clipPath id="d"><path fill="#fff" transform="translate(11.236 59.976)" d="M0 0h58.764v10.117H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_insights.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_insights.tsx
index c18e46f37..43e3aee9f 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_insights.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_insights.tsx
@@ -9,98 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_insights(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="-0.23 0.05 70.49 70.45"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <rect y=".5" width="70" height="70" rx="35" fill="#fff" />
-        <mask id="b" fill="#fff">
-          <path d="M37.75.607a34.747 34.747 0 0 1-.387 69.308l-.467-6.918a27.813 27.813 0 0 0 .31-55.478L37.75.607Z" />
-        </mask>
-        <path
-          d="M37.75.607a34.747 34.747 0 0 1-.387 69.308l-.467-6.918a27.813 27.813 0 0 0 .31-55.478L37.75.607Z"
-          fill="#D7D9EA"
-          stroke="#000"
-          strokeLinejoin="round"
-          mask="url(#b)"
-        />
-        <path
-          d="M48.511 34.163c0 3.484-2.16 8.903-6.531 12.146-1.058 2.538-2.562 1.214-6.304 1.214-3.032 0-3.782 1.461-6.104-.368-5.098-4.018-7.331-8.769-7.331-12.992 0-7.379 6.346-13.36 13.435-13.36s12.835 5.981 12.835 13.36Z"
-          fill="#F0D3D3"
-        />
-        <path
-          d="M28.771 46.587a.424.424 0 0 1-.209-.055A13.88 13.88 0 0 1 21.4 34.38c0-7.653 6.226-13.879 13.879-13.879a.433.433 0 1 1 0 .867c-7.175 0-13.012 5.837-13.012 13.012 0 4.741 2.573 9.107 6.713 11.394a.432.432 0 0 1-.209.814Z"
-          fill="#000"
-        />
-        <path
-          d="M41.785 46.587a.434.434 0 0 1-.209-.814 13.015 13.015 0 0 0 6.713-11.395c0-7.174-5.836-13.01-13.01-13.01a.436.436 0 0 1-.434-.434.434.434 0 0 1 .434-.434c7.652 0 13.877 6.226 13.877 13.879a13.88 13.88 0 0 1-7.161 12.153.423.423 0 0 1-.21.055Zm-13.012 6.875a.435.435 0 0 1-.433-.434v-6.875a.433.433 0 1 1 .867 0v6.875a.434.434 0 0 1-.434.434Z"
-          fill="#000"
-        />
-        <path
-          d="M41.783 53.462a.436.436 0 0 1-.433-.434v-6.865a.434.434 0 1 1 .867 0v6.865a.435.435 0 0 1-.434.434Z"
-          fill="#000"
-        />
-        <path
-          d="M41.783 48.258h-13.01a.436.436 0 0 1-.4-.268.432.432 0 0 1 .4-.6h13.01a.434.434 0 1 1 0 .867Zm-1.735 6.939h-9.54a.433.433 0 0 1-.307-.127l-1.735-1.735a.434.434 0 1 1 .614-.613l1.607 1.607h9.182l1.608-1.607a.433.433 0 1 1 .613.613l-1.735 1.735a.434.434 0 0 1-.307.127ZM27.906 50.86a.434.434 0 0 1-.026-.867l14.745-.867a.44.44 0 0 1 .459.407.434.434 0 0 1-.408.458l-14.745.868a.27.27 0 0 1-.025 0Zm0 1.734a.433.433 0 0 1-.026-.866l14.745-.868a.434.434 0 0 1 .051.866l-14.745.867-.025.001Zm5.204-9.541a.434.434 0 0 1-.27-.773l2.168-1.735a.435.435 0 0 1 .542.678l-2.169 1.735a.432.432 0 0 1-.27.095Z"
-          fill="#000"
-        />
-        <path
-          d="M37.446 43.053a.43.43 0 0 1-.27-.095l-2.168-1.735a.434.434 0 0 1 .542-.678l2.167 1.735a.434.434 0 0 1-.27.773Zm-4.336-1.735a.434.434 0 0 1-.434-.434v-6.072a.435.435 0 0 1 .6-.4.435.435 0 0 1 .268.4v6.072a.434.434 0 0 1-.434.434Z"
-          fill="#000"
-        />
-        <path
-          d="M33.11 35.246a.435.435 0 0 1-.434-.434 1.302 1.302 0 0 0-2.602 0 .434.434 0 1 1-.867 0 2.17 2.17 0 0 1 2.168-2.168 2.17 2.17 0 0 1 2.169 2.168.434.434 0 0 1-.434.434Z"
-          fill="#000"
-        />
-        <path
-          d="M31.375 36.98a2.17 2.17 0 0 1-2.168-2.168.432.432 0 0 1 .433-.433.434.434 0 0 1 .434.433c0 .718.584 1.301 1.301 1.301a.433.433 0 1 1 0 .868Zm6.071 4.338a.434.434 0 0 1-.433-.434v-6.072a.433.433 0 1 1 .867 0v6.072a.432.432 0 0 1-.434.434Z"
-          fill="#000"
-        />
-        <path
-          d="M40.916 35.246a.436.436 0 0 1-.434-.434 1.302 1.302 0 0 0-2.602 0 .433.433 0 1 1-.867 0 2.17 2.17 0 0 1 2.168-2.168 2.17 2.17 0 0 1 2.169 2.168.432.432 0 0 1-.434.434Z"
-          fill="#000"
-        />
-        <path
-          d="M39.181 36.98a.433.433 0 1 1 0-.867c.718 0 1.301-.584 1.301-1.301a.434.434 0 1 1 .868 0 2.171 2.171 0 0 1-2.169 2.169Zm-13.878-2.168a.434.434 0 0 1-.433-.434c0-5.74 4.669-10.409 10.409-10.409a.434.434 0 1 1 0 .868c-5.262 0-9.542 4.28-9.542 9.541a.432.432 0 0 1-.434.434ZM35.694 60.68a.5.5 0 0 1-.86 0l-2.658-4.46a.5.5 0 0 1 .43-.755h5.316a.5.5 0 0 1 .43.756l-2.658 4.46Z"
-          fill="#000"
-        />
-        <path
-          stroke="#000"
-          strokeLinecap="round"
-          d="M35.212 17.797V1.001m.083 68.801-.078-7.896m6.223-44.208.646-2.834M29.54 17.9l-1.463-2.512"
-        />
-        <mask id="c" fill="#fff">
-          <path d="M33.127.552a34.747 34.747 0 0 0 .155 69.398l.347-6.925a27.813 27.813 0 0 1-.124-55.55L33.127.552Z" />
-        </mask>
-        <path
-          d="M33.127.552a34.747 34.747 0 0 0 .155 69.398l.347-6.925a27.813 27.813 0 0 1-.124-55.55L33.127.552Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeLinejoin="round"
-          mask="url(#c)"
-        />
-        <path
-          d="m19.902 8.436-1.294.837a32.186 32.186 0 0 0-14.5 23.424l-.047.421a30.238 30.238 0 0 0 11.723 27.434l4.118 3.137"
-          stroke="#000"
-          strokeWidth=".4"
-        />
-        <path
-          d="M8.683 21.849a31.035 31.035 0 0 0-.092 26.556l1.279 2.727"
-          stroke="#000"
-          strokeWidth=".2"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <rect y=".5" width="70" height="70" rx="35" fill="#fff" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="-0.23 0.05 70.49 70.45" width={ `${ width }px` } height={ `${ height }px` } ><g><rect y=".5" width="70" height="70" rx="35" fill="#fff"/><mask id="b" fill="#fff"><path d="M37.75.607a34.747 34.747 0 0 1-.387 69.308l-.467-6.918a27.813 27.813 0 0 0 .31-55.478L37.75.607Z"/></mask><path d="M37.75.607a34.747 34.747 0 0 1-.387 69.308l-.467-6.918a27.813 27.813 0 0 0 .31-55.478L37.75.607Z" fill="#D7D9EA" stroke="#000" strokeLinejoin="round" mask="url(#b)"/><path d="M48.511 34.163c0 3.484-2.16 8.903-6.531 12.146-1.058 2.538-2.562 1.214-6.304 1.214-3.032 0-3.782 1.461-6.104-.368-5.098-4.018-7.331-8.769-7.331-12.992 0-7.379 6.346-13.36 13.435-13.36s12.835 5.981 12.835 13.36Z" fill="#F0D3D3"/><path d="M28.771 46.587a.424.424 0 0 1-.209-.055A13.88 13.88 0 0 1 21.4 34.38c0-7.653 6.226-13.879 13.879-13.879a.433.433 0 1 1 0 .867c-7.175 0-13.012 5.837-13.012 13.012 0 4.741 2.573 9.107 6.713 11.394a.432.432 0 0 1-.209.814Z" fill="#000"/><path d="M41.785 46.587a.434.434 0 0 1-.209-.814 13.015 13.015 0 0 0 6.713-11.395c0-7.174-5.836-13.01-13.01-13.01a.436.436 0 0 1-.434-.434.434.434 0 0 1 .434-.434c7.652 0 13.877 6.226 13.877 13.879a13.88 13.88 0 0 1-7.161 12.153.423.423 0 0 1-.21.055Zm-13.012 6.875a.435.435 0 0 1-.433-.434v-6.875a.433.433 0 1 1 .867 0v6.875a.434.434 0 0 1-.434.434Z" fill="#000"/><path d="M41.783 53.462a.436.436 0 0 1-.433-.434v-6.865a.434.434 0 1 1 .867 0v6.865a.435.435 0 0 1-.434.434Z" fill="#000"/><path d="M41.783 48.258h-13.01a.436.436 0 0 1-.4-.268.432.432 0 0 1 .4-.6h13.01a.434.434 0 1 1 0 .867Zm-1.735 6.939h-9.54a.433.433 0 0 1-.307-.127l-1.735-1.735a.434.434 0 1 1 .614-.613l1.607 1.607h9.182l1.608-1.607a.433.433 0 1 1 .613.613l-1.735 1.735a.434.434 0 0 1-.307.127ZM27.906 50.86a.434.434 0 0 1-.026-.867l14.745-.867a.44.44 0 0 1 .459.407.434.434 0 0 1-.408.458l-14.745.868a.27.27 0 0 1-.025 0Zm0 1.734a.433.433 0 0 1-.026-.866l14.745-.868a.434.434 0 0 1 .051.866l-14.745.867-.025.001Zm5.204-9.541a.434.434 0 0 1-.27-.773l2.168-1.735a.435.435 0 0 1 .542.678l-2.169 1.735a.432.432 0 0 1-.27.095Z" fill="#000"/><path d="M37.446 43.053a.43.43 0 0 1-.27-.095l-2.168-1.735a.434.434 0 0 1 .542-.678l2.167 1.735a.434.434 0 0 1-.27.773Zm-4.336-1.735a.434.434 0 0 1-.434-.434v-6.072a.435.435 0 0 1 .6-.4.435.435 0 0 1 .268.4v6.072a.434.434 0 0 1-.434.434Z" fill="#000"/><path d="M33.11 35.246a.435.435 0 0 1-.434-.434 1.302 1.302 0 0 0-2.602 0 .434.434 0 1 1-.867 0 2.17 2.17 0 0 1 2.168-2.168 2.17 2.17 0 0 1 2.169 2.168.434.434 0 0 1-.434.434Z" fill="#000"/><path d="M31.375 36.98a2.17 2.17 0 0 1-2.168-2.168.432.432 0 0 1 .433-.433.434.434 0 0 1 .434.433c0 .718.584 1.301 1.301 1.301a.433.433 0 1 1 0 .868Zm6.071 4.338a.434.434 0 0 1-.433-.434v-6.072a.433.433 0 1 1 .867 0v6.072a.432.432 0 0 1-.434.434Z" fill="#000"/><path d="M40.916 35.246a.436.436 0 0 1-.434-.434 1.302 1.302 0 0 0-2.602 0 .433.433 0 1 1-.867 0 2.17 2.17 0 0 1 2.168-2.168 2.17 2.17 0 0 1 2.169 2.168.432.432 0 0 1-.434.434Z" fill="#000"/><path d="M39.181 36.98a.433.433 0 1 1 0-.867c.718 0 1.301-.584 1.301-1.301a.434.434 0 1 1 .868 0 2.171 2.171 0 0 1-2.169 2.169Zm-13.878-2.168a.434.434 0 0 1-.433-.434c0-5.74 4.669-10.409 10.409-10.409a.434.434 0 1 1 0 .868c-5.262 0-9.542 4.28-9.542 9.541a.432.432 0 0 1-.434.434ZM35.694 60.68a.5.5 0 0 1-.86 0l-2.658-4.46a.5.5 0 0 1 .43-.755h5.316a.5.5 0 0 1 .43.756l-2.658 4.46Z" fill="#000"/><path stroke="#000" strokeLinecap="round" d="M35.212 17.797V1.001m.083 68.801-.078-7.896m6.223-44.208.646-2.834M29.54 17.9l-1.463-2.512"/><mask id="c" fill="#fff"><path d="M33.127.552a34.747 34.747 0 0 0 .155 69.398l.347-6.925a27.813 27.813 0 0 1-.124-55.55L33.127.552Z"/></mask><path d="M33.127.552a34.747 34.747 0 0 0 .155 69.398l.347-6.925a27.813 27.813 0 0 1-.124-55.55L33.127.552Z" fill="#8ED4DA" stroke="#000" strokeLinejoin="round" mask="url(#c)"/><path d="m19.902 8.436-1.294.837a32.186 32.186 0 0 0-14.5 23.424l-.047.421a30.238 30.238 0 0 0 11.723 27.434l4.118 3.137" stroke="#000" strokeWidth=".4"/><path d="M8.683 21.849a31.035 31.035 0 0 0-.092 26.556l1.279 2.727" stroke="#000" strokeWidth=".2"/></g><defs><clipPath id="a"><rect y=".5" width="70" height="70" rx="35" fill="#fff"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_library.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_library.tsx
index 7090587a1..eb3e0dbf7 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_library.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_library.tsx
@@ -9,127 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_library(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 1.27 69.27 68.31"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect
-        x="7.604"
-        y="1.516"
-        width="9.417"
-        height="46.832"
-        rx="1.75"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        clipRule="evenodd"
-        d="M8.578 46.34a.157.157 0 1 0-.196.246l2.477 1.977a.157.157 0 0 0 .196-.245l-2.477-1.977Zm-.009 1.38a.157.157 0 0 0-.178.257l.854.592a.157.157 0 1 0 .178-.257l-.854-.593Z"
-        fill="#010101"
-      />
-      <rect
-        x="17.328"
-        y="6.09"
-        width="9.417"
-        height="43.836"
-        rx="1.75"
-        transform="rotate(-13.132 17.328 6.09)"
-        fill="#E8E9F4"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        clipRule="evenodd"
-        d="M27.736 46.502a.157.157 0 0 0-.093.3l2.743.852a.157.157 0 1 0 .093-.3l-2.743-.852Zm.223.989a.157.157 0 0 0-.075.304l.93.23a.157.157 0 0 0 .075-.304l-.93-.23Z"
-        fill="#010101"
-      />
-      <rect
-        x="30.261"
-        y="16.452"
-        width="9.417"
-        height="33.593"
-        rx="1.75"
-        transform="rotate(-15.7 30.26 16.452)"
-        fill="#fff"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        clipRule="evenodd"
-        d="M37.266 37.894a.157.157 0 0 0-.05.31l2.695.436a.157.157 0 0 0 .05-.31l-2.695-.436Zm.21.774a.157.157 0 1 0-.035.312l.916.1a.157.157 0 0 0 .034-.311l-.916-.1Z"
-        fill="#010101"
-      />
-      <rect
-        x="49.984"
-        y="37.414"
-        width="9.417"
-        height="31.912"
-        rx="1.75"
-        fill="#D7D9EA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        clipRule="evenodd"
-        d="M51.54 66.769a.157.157 0 0 0-.12.29l2.477 1.032a.157.157 0 0 0 .12-.29L51.54 66.77Zm-.007.72a.157.157 0 0 0-.106.295l.854.31a.157.157 0 1 0 .107-.295l-.855-.31Z"
-        fill="#010101"
-      />
-      <rect
-        x="40.364"
-        y="58.167"
-        width="9.417"
-        height="28.658"
-        rx="1.75"
-        transform="rotate(-90 40.364 58.167)"
-        fill="#D7D9EA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x=".25"
-        y="58.167"
-        width="9.417"
-        height="36.823"
-        rx="1.75"
-        transform="rotate(-90 .25 58.167)"
-        fill="#D7D9EA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        stroke="#000"
-        strokeWidth=".4"
-        strokeLinecap="round"
-        d="M29.876 56.287H10.075"
-      />
-      <path
-        stroke="#000"
-        strokeWidth=".2"
-        strokeLinecap="round"
-        d="M24.976 55.246H14.975"
-      />
-      <rect
-        x="40.422"
-        y="17.194"
-        width="9.417"
-        height="23.039"
-        rx="1.75"
-        transform="rotate(-24.1 40.422 17.194)"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        clipRule="evenodd"
-        d="M49.837 35.903a.157.157 0 1 0-.035.312l2.855.314a.157.157 0 0 0 .034-.311l-2.854-.315Zm.406.928a.157.157 0 0 0-.016.313l.958.049a.157.157 0 0 0 .015-.313l-.957-.049Z"
-        fill="#010101"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 1.27 69.27 68.31" width={ `${ width }px` } height={ `${ height }px` } ><rect x="7.604" y="1.516" width="9.417" height="46.832" rx="1.75" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M8.578 46.34a.157.157 0 1 0-.196.246l2.477 1.977a.157.157 0 0 0 .196-.245l-2.477-1.977Zm-.009 1.38a.157.157 0 0 0-.178.257l.854.592a.157.157 0 1 0 .178-.257l-.854-.593Z" fill="#010101"/><rect x="17.328" y="6.09" width="9.417" height="43.836" rx="1.75" transform="rotate(-13.132 17.328 6.09)" fill="#E8E9F4" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M27.736 46.502a.157.157 0 0 0-.093.3l2.743.852a.157.157 0 1 0 .093-.3l-2.743-.852Zm.223.989a.157.157 0 0 0-.075.304l.93.23a.157.157 0 0 0 .075-.304l-.93-.23Z" fill="#010101"/><rect x="30.261" y="16.452" width="9.417" height="33.593" rx="1.75" transform="rotate(-15.7 30.26 16.452)" fill="#fff" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M37.266 37.894a.157.157 0 0 0-.05.31l2.695.436a.157.157 0 0 0 .05-.31l-2.695-.436Zm.21.774a.157.157 0 1 0-.035.312l.916.1a.157.157 0 0 0 .034-.311l-.916-.1Z" fill="#010101"/><rect x="49.984" y="37.414" width="9.417" height="31.912" rx="1.75" fill="#D7D9EA" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M51.54 66.769a.157.157 0 0 0-.12.29l2.477 1.032a.157.157 0 0 0 .12-.29L51.54 66.77Zm-.007.72a.157.157 0 0 0-.106.295l.854.31a.157.157 0 1 0 .107-.295l-.855-.31Z" fill="#010101"/><rect x="40.364" y="58.167" width="9.417" height="28.658" rx="1.75" transform="rotate(-90 40.364 58.167)" fill="#D7D9EA" stroke="#000" strokeWidth=".5"/><rect x=".25" y="58.167" width="9.417" height="36.823" rx="1.75" transform="rotate(-90 .25 58.167)" fill="#D7D9EA" stroke="#000" strokeWidth=".5"/><path stroke="#000" strokeWidth=".4" strokeLinecap="round" d="M29.876 56.287H10.075"/><path stroke="#000" strokeWidth=".2" strokeLinecap="round" d="M24.976 55.246H14.975"/><rect x="40.422" y="17.194" width="9.417" height="23.039" rx="1.75" transform="rotate(-24.1 40.422 17.194)" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M49.837 35.903a.157.157 0 1 0-.035.312l2.855.314a.157.157 0 0 0 .034-.311l-2.854-.315Zm.406.928a.157.157 0 0 0-.016.313l.958.049a.157.157 0 0 0 .015-.313l-.957-.049Z" fill="#010101"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_mapchart.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_mapchart.tsx
index 0d1062eab..065ceda94 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_mapchart.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_mapchart.tsx
@@ -9,87 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_mapchart(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.5 70 70"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path
-          d="M69.5 35.5C69.5 54.707 53.852 70 35 70 16.15 70 .5 54.707.5 35.5S15.793 1 35 1s34.5 15.293 34.5 34.5Z"
-          fill="#fff"
-        />
-        <path
-          d="M34.452 49.386v.04l.012.038c.134.402.138.887.066 1.356a4.176 4.176 0 0 1-.354 1.171l-.008.016-.005.017c-.052.154-.102.313-.153.474-.103.327-.21.662-.334.987-.186.483-.398.896-.661 1.16-.573.573-1.144.86-1.748 1.162l-.013.007-.013.008c-.49.327-.89.81-1.266 1.3-.07.09-.138.18-.206.27-.312.411-.621.819-.98 1.178l-.073.072v.096s-.006.025-.032.087a2.98 2.98 0 0 1-.13.258 8.713 8.713 0 0 1-.922 1.324 1.693 1.693 0 0 1-.182.182l-.012.01c-1.616-.472-2.87-1.121-4.218-1.82-.314-.162-.634-.327-.964-.493a9.916 9.916 0 0 0-.04-.338c-.028-.218-.066-.484-.103-.747a67.07 67.07 0 0 1-.104-.743 4.96 4.96 0 0 1-.045-.43v-.04l-.013-.038a37.86 37.86 0 0 1-.45-1.5l-.001-.007a38.454 38.454 0 0 0-.454-1.514l-.003-.007-.002-.006a13.22 13.22 0 0 0-.548-1.158l-.137-.262c-.155-.297-.31-.593-.454-.895-.371-.78-.655-1.571-.655-2.422 0-.3.012-.597.024-.899l.009-.219c.014-.373.024-.75.005-1.121-.04-.743-.198-1.477-.69-2.135l-.006-.006c-.652-.816-1.62-1.211-2.53-1.514-.179-.06-.354-.115-.524-.17-.273-.086-.536-.17-.79-.262-.407-.148-.757-.308-1.03-.513l-.011-.008c-1.788-1.19-3.564-2.973-4.445-4.735l-.004-.008-.005-.008c-.814-1.356-.597-2.434-.31-3.86l.039-.19.002-.014c.3-2.095.898-4.49 1.497-6.289 1.206-3.013 2.998-6.583 5.364-8.654 1.17-1.023 2.94-1.84 4.801-2.286 1.86-.447 3.774-.515 5.226-.08.864.288 1.736.869 2.316 1.448.303.304.667.669.956 1.066.291.4.48.802.48 1.176 0 .169-.005.18-.01.192h-.001a.342.342 0 0 1-.052.068 5.094 5.094 0 0 1-.166.17c-.225.225-.433.23-.731.23-.456 0-.897 0-1.299-.037-.386-.035-.715-.102-.971-.223l-1.179-1.178-.04-.04-.056-.02c-.55-.183-1.139-.012-1.679.305-.545.32-1.083.811-1.564 1.35a12.15 12.15 0 0 0-1.247 1.675c-.326.529-.568 1.023-.655 1.362-.162.495-.239 1.29-.079 2.01.162.729.586 1.445 1.475 1.623l.024.005h.025c.295 0 .626-.143.943-.326a9.291 9.291 0 0 0 1.02-.707c.27-.21.541-.434.796-.643l.198-.163c.307-.251.577-.466.79-.61.308-.156.541-.311.764-.46l.003-.001c.216-.144.422-.282.69-.42 1.105-.123 2.077.293 2.856 1 .792.72 1.374 1.734 1.665 2.753l.002.01.004.01c.194.517.103 1.002-.19 1.47-.3.476-.805.924-1.414 1.33-1.218.812-2.778 1.408-3.677 1.707l-.017.006-.016.008c-.205.103-.343.062-.566-.012l-.01-.004c-.227-.076-.535-.178-.923.01-.794.32-1.652.948-2.314 1.726-.657.774-1.144 1.725-1.152 2.702-.15.758-.226 1.515-.3 2.258l-.001.005c-.07.688-.137 1.365-.26 2.04l-.002-.001a.557.557 0 0 1-.15-.029.13.13 0 0 1-.002-.022v-.604c0-.477-.079-1.04-.283-1.53-.197-.473-.524-.907-1.036-1.1a4.091 4.091 0 0 0-.15-.144.804.804 0 0 0-.177-.127c-.129-.065-.26-.064-.385-.064h-.027a1.93 1.93 0 0 1-.601-.12 9.667 9.667 0 0 1-.331-.119h-.003a10.004 10.004 0 0 0-.346-.126c-.472-.157-1.021-.263-1.572.105l-.02.013-.018.017c-.62.62-1.28 1.586-1.28 2.591v.01c0 .303 0 .696.375 1.069l.028.028.035.018c.385.193.767.097 1.052.025l.024-.005c.317-.08.528-.124.736-.02l.052.026h.058c.108 0 .168.026.204.052.038.028.07.07.095.133.055.138.058.316.058.475v.075l.042.062c.1.15.204.317.313.488.2.32.415.66.638.957.347.463.762.892 1.289 1.067l.038.013h6.037c.21.069.448.137.692.207l.049.014c.278.08.566.164.844.257.547.182 1.01.386 1.272.63.125.262.192.527.265.818l.002.01c.074.296.155.62.318.946l.018.036.028.028c.793.794 1.665 1.188 2.556 1.46.396.12.8.217 1.199.314l.14.034c.442.107.88.216 1.317.361.283.143.466.272.581.416.11.138.173.307.173.563Zm-7.05 11.235h.003-.002Zm-7.246-20.566Z"
-          fill="#fff"
-          fillOpacity=".9"
-        />
-        <path
-          d="M34.452 49.386v.04l.012.038c.134.402.138.887.066 1.356a4.176 4.176 0 0 1-.354 1.171l-.008.016-.005.017c-.052.154-.102.313-.153.474-.103.327-.21.662-.334.987-.186.483-.398.896-.661 1.16-.573.573-1.144.86-1.748 1.162l-.013.007-.013.008c-.49.327-.89.81-1.266 1.3-.07.09-.138.18-.206.27-.312.411-.621.819-.98 1.178l-.073.072v.096s-.006.025-.032.087a2.98 2.98 0 0 1-.13.258 8.713 8.713 0 0 1-.922 1.324 1.693 1.693 0 0 1-.182.182l-.012.01c-1.616-.472-2.87-1.121-4.218-1.82-.314-.162-.634-.327-.964-.493a9.916 9.916 0 0 0-.04-.338c-.028-.218-.066-.484-.103-.747a67.07 67.07 0 0 1-.104-.743 4.96 4.96 0 0 1-.045-.43v-.04l-.013-.038a37.86 37.86 0 0 1-.45-1.5l-.001-.007a38.454 38.454 0 0 0-.454-1.514l-.003-.007-.002-.006a13.22 13.22 0 0 0-.548-1.158l-.137-.262c-.155-.297-.31-.593-.454-.895-.371-.78-.655-1.571-.655-2.422 0-.3.012-.597.024-.899l.009-.219c.014-.373.024-.75.005-1.121-.04-.743-.198-1.477-.69-2.135l-.006-.006c-.652-.816-1.62-1.211-2.53-1.514-.179-.06-.354-.115-.524-.17-.273-.086-.536-.17-.79-.262-.407-.148-.757-.308-1.03-.513l-.011-.008c-1.788-1.19-3.564-2.973-4.445-4.735l-.004-.008-.005-.008c-.814-1.356-.597-2.434-.31-3.86l.039-.19.002-.014c.3-2.095.898-4.49 1.497-6.289 1.206-3.013 2.998-6.583 5.364-8.654 1.17-1.023 2.94-1.84 4.801-2.286 1.86-.447 3.774-.515 5.226-.08.864.288 1.736.869 2.316 1.448.303.304.667.669.956 1.066.291.4.48.802.48 1.176 0 .169-.005.18-.01.192h-.001a.342.342 0 0 1-.052.068 5.094 5.094 0 0 1-.166.17c-.225.225-.433.23-.731.23-.456 0-.897 0-1.299-.037-.386-.035-.715-.102-.971-.223l-1.179-1.178-.04-.04-.056-.02c-.55-.183-1.139-.012-1.679.305-.545.32-1.083.811-1.564 1.35a12.15 12.15 0 0 0-1.247 1.675c-.326.529-.568 1.023-.655 1.362-.162.495-.239 1.29-.079 2.01.162.729.586 1.445 1.475 1.623l.024.005h.025c.295 0 .626-.143.943-.326a9.291 9.291 0 0 0 1.02-.707c.27-.21.541-.434.796-.643l.198-.163c.307-.251.577-.466.79-.61.308-.156.541-.311.764-.46l.003-.001c.216-.144.422-.282.69-.42 1.105-.123 2.077.293 2.856 1 .792.72 1.374 1.734 1.665 2.753l.002.01.004.01c.194.517.103 1.002-.19 1.47-.3.476-.805.924-1.414 1.33-1.218.812-2.778 1.408-3.677 1.707l-.017.006-.016.008c-.205.103-.343.062-.566-.012l-.01-.004c-.227-.076-.535-.178-.923.01-.794.32-1.652.948-2.314 1.726-.657.774-1.144 1.725-1.152 2.702-.15.758-.226 1.515-.3 2.258l-.001.005c-.07.688-.137 1.365-.26 2.04l-.002-.001a.557.557 0 0 1-.15-.029.13.13 0 0 1-.002-.022v-.604c0-.477-.079-1.04-.283-1.53-.197-.473-.524-.907-1.036-1.1a4.091 4.091 0 0 0-.15-.144.804.804 0 0 0-.177-.127c-.129-.065-.26-.064-.385-.064h-.027a1.93 1.93 0 0 1-.601-.12 9.667 9.667 0 0 1-.331-.119h-.003a10.004 10.004 0 0 0-.346-.126c-.472-.157-1.021-.263-1.572.105l-.02.013-.018.017c-.62.62-1.28 1.586-1.28 2.591v.01c0 .303 0 .696.375 1.069l.028.028.035.018c.385.193.767.097 1.052.025l.024-.005c.317-.08.528-.124.736-.02l.052.026h.058c.108 0 .168.026.204.052.038.028.07.07.095.133.055.138.058.316.058.475v.075l.042.062c.1.15.204.317.313.488.2.32.415.66.638.957.347.463.762.892 1.289 1.067l.038.013h6.037c.21.069.448.137.692.207l.049.014c.278.08.566.164.844.257.547.182 1.01.386 1.272.63.125.262.192.527.265.818l.002.01c.074.296.155.62.318.946l.018.036.028.028c.793.794 1.665 1.188 2.556 1.46.396.12.8.217 1.199.314l.14.034c.442.107.88.216 1.317.361.283.143.466.272.581.416.11.138.173.307.173.563Zm-7.05 11.235h.003-.002Zm-7.246-20.566Z"
-          fill="#8ED4DA"
-          fillOpacity=".3"
-        />
-        <path
-          d="M34.452 49.386v.04l.012.038c.134.402.138.887.066 1.356a4.176 4.176 0 0 1-.354 1.171l-.008.016-.005.017c-.052.154-.102.313-.153.474-.103.327-.21.662-.334.987-.186.483-.398.896-.661 1.16-.573.573-1.144.86-1.748 1.162l-.013.007-.013.008c-.49.327-.89.81-1.266 1.3-.07.09-.138.18-.206.27-.312.411-.621.819-.98 1.178l-.073.072v.096s-.006.025-.032.087a2.98 2.98 0 0 1-.13.258 8.713 8.713 0 0 1-.922 1.324 1.693 1.693 0 0 1-.182.182l-.012.01c-1.616-.472-2.87-1.121-4.218-1.82-.314-.162-.634-.327-.964-.493a9.916 9.916 0 0 0-.04-.338c-.028-.218-.066-.484-.103-.747a67.07 67.07 0 0 1-.104-.743 4.96 4.96 0 0 1-.045-.43v-.04l-.013-.038a37.86 37.86 0 0 1-.45-1.5l-.001-.007a38.454 38.454 0 0 0-.454-1.514l-.003-.007-.002-.006a13.22 13.22 0 0 0-.548-1.158l-.137-.262c-.155-.297-.31-.593-.454-.895-.371-.78-.655-1.571-.655-2.422 0-.3.012-.597.024-.899l.009-.219c.014-.373.024-.75.005-1.121-.04-.743-.198-1.477-.69-2.135l-.006-.006c-.652-.816-1.62-1.211-2.53-1.514-.179-.06-.354-.115-.524-.17-.273-.086-.536-.17-.79-.262-.407-.148-.757-.308-1.03-.513l-.011-.008c-1.788-1.19-3.564-2.973-4.445-4.735l-.004-.008-.005-.008c-.814-1.356-.597-2.434-.31-3.86l.039-.19.002-.014c.3-2.095.898-4.49 1.497-6.289 1.206-3.013 2.998-6.583 5.364-8.654 1.17-1.023 2.94-1.84 4.801-2.286 1.86-.447 3.774-.515 5.226-.08.864.288 1.736.869 2.316 1.448.303.304.667.669.956 1.066.291.4.48.802.48 1.176 0 .169-.005.18-.01.192h-.001a.342.342 0 0 1-.052.068 5.094 5.094 0 0 1-.166.17c-.225.225-.433.23-.731.23-.456 0-.897 0-1.299-.037-.386-.035-.715-.102-.971-.223l-1.179-1.178-.04-.04-.056-.02c-.55-.183-1.139-.012-1.679.305-.545.32-1.083.811-1.564 1.35a12.15 12.15 0 0 0-1.247 1.675c-.326.529-.568 1.023-.655 1.362-.162.495-.239 1.29-.079 2.01.162.729.586 1.445 1.475 1.623l.024.005h.025c.295 0 .626-.143.943-.326a9.291 9.291 0 0 0 1.02-.707c.27-.21.541-.434.796-.643l.198-.163c.307-.251.577-.466.79-.61.308-.156.541-.311.764-.46l.003-.001c.216-.144.422-.282.69-.42 1.105-.123 2.077.293 2.856 1 .792.72 1.374 1.734 1.665 2.753l.002.01.004.01c.194.517.103 1.002-.19 1.47-.3.476-.805.924-1.414 1.33-1.218.812-2.778 1.408-3.677 1.707l-.017.006-.016.008c-.205.103-.343.062-.566-.012l-.01-.004c-.227-.076-.535-.178-.923.01-.794.32-1.652.948-2.314 1.726-.657.774-1.144 1.725-1.152 2.702-.15.758-.226 1.515-.3 2.258l-.001.005c-.07.688-.137 1.365-.26 2.04l-.002-.001a.557.557 0 0 1-.15-.029.13.13 0 0 1-.002-.022v-.604c0-.477-.079-1.04-.283-1.53-.197-.473-.524-.907-1.036-1.1a4.091 4.091 0 0 0-.15-.144.804.804 0 0 0-.177-.127c-.129-.065-.26-.064-.385-.064h-.027a1.93 1.93 0 0 1-.601-.12 9.667 9.667 0 0 1-.331-.119h-.003a10.004 10.004 0 0 0-.346-.126c-.472-.157-1.021-.263-1.572.105l-.02.013-.018.017c-.62.62-1.28 1.586-1.28 2.591v.01c0 .303 0 .696.375 1.069l.028.028.035.018c.385.193.767.097 1.052.025l.024-.005c.317-.08.528-.124.736-.02l.052.026h.058c.108 0 .168.026.204.052.038.028.07.07.095.133.055.138.058.316.058.475v.075l.042.062c.1.15.204.317.313.488.2.32.415.66.638.957.347.463.762.892 1.289 1.067l.038.013h6.037c.21.069.448.137.692.207l.049.014c.278.08.566.164.844.257.547.182 1.01.386 1.272.63.125.262.192.527.265.818l.002.01c.074.296.155.62.318.946l.018.036.028.028c.793.794 1.665 1.188 2.556 1.46.396.12.8.217 1.199.314l.14.034c.442.107.88.216 1.317.361.283.143.466.272.581.416.11.138.173.307.173.563Zm-7.05 11.235h.003-.002Zm-7.246-20.566Z"
-          stroke="#000"
-          strokeWidth=".493"
-        />
-        <path
-          d="M39.09 18.692c-.463.308-.923.692-1.37 1.065l-.01.007c-.45.376-.89.74-1.325 1.033-.235.118-.43.239-.587.336l-.132.08c-.194.117-.29.154-.364.154h-.192c-.201-.252-.326-.673-.394-1.182-.073-.547-.073-1.135-.073-1.59 0-.623.162-1.132.333-1.666l.07-.222c.19-.608.356-1.255.2-2.063a9.7 9.7 0 0 0-.048-.551c-.029-.27-.066-.602-.104-.923l-.104-.864-.034-.278-.01-.078-.002-.02-.001-.005v-.001l-.245.03.245-.03-.021-.168-.164-.041a7.513 7.513 0 0 0-.842-.147 11.496 11.496 0 0 0-.067-.01c-.283-.038-.51-.073-.69-.138-.17-.062-.266-.14-.318-.251-.056-.118-.084-.317-.017-.66.123-.354.426-.61.837-.781.415-.173.91-.245 1.339-.245 2.383 0 4.47.295 6.86.89.164.08.376.156.593.232l.152.052c.189.065.383.132.572.205.24.092.46.19.635.296.17.103.271.2.32.287.11.353-.003.797-.222 1.272a8.38 8.38 0 0 1-.432.8c-.093.16-.181.312-.245.438l-.007.016-.006.017c-.297.893-.879 2.034-1.714 2.59l-.02.014-.018.017c-.607.608-1.495 1.495-2.378 2.083Z"
-          fill="#8ED4DA"
-        />
-        <path
-          d="M39.09 18.692c-.463.308-.923.692-1.37 1.065l-.01.007c-.45.376-.89.74-1.325 1.033-.235.118-.43.239-.587.336l-.132.08c-.194.117-.29.154-.364.154h-.192c-.201-.252-.326-.673-.394-1.182-.073-.547-.073-1.135-.073-1.59 0-.623.162-1.132.333-1.666l.07-.222c.19-.608.356-1.255.2-2.063a9.7 9.7 0 0 0-.048-.551c-.029-.27-.066-.602-.104-.923l-.104-.864-.034-.278-.01-.078-.002-.02-.001-.005v-.001l-.245.03.245-.03-.021-.168-.164-.041a7.513 7.513 0 0 0-.842-.147 11.496 11.496 0 0 0-.067-.01c-.283-.038-.51-.073-.69-.138-.17-.062-.266-.14-.318-.251-.056-.118-.084-.317-.017-.66.123-.354.426-.61.837-.781.415-.173.91-.245 1.339-.245 2.383 0 4.47.295 6.86.89.164.08.376.156.593.232l.152.052c.189.065.383.132.572.205.24.092.46.19.635.296.17.103.271.2.32.287.11.353-.003.797-.222 1.272a8.38 8.38 0 0 1-.432.8c-.093.16-.181.312-.245.438l-.007.016-.006.017c-.297.893-.879 2.034-1.714 2.59l-.02.014-.018.017c-.607.608-1.495 1.495-2.378 2.083Z"
-          fill="#fff"
-        />
-        <path
-          d="M39.09 18.692c-.463.308-.923.692-1.37 1.065l-.01.007c-.45.376-.89.74-1.325 1.033-.235.118-.43.239-.587.336l-.132.08c-.194.117-.29.154-.364.154h-.192c-.201-.252-.326-.673-.394-1.182-.073-.547-.073-1.135-.073-1.59 0-.623.162-1.132.333-1.666l.07-.222c.19-.608.356-1.255.2-2.063a9.7 9.7 0 0 0-.048-.551c-.029-.27-.066-.602-.104-.923l-.104-.864-.034-.278-.01-.078-.002-.02-.001-.005v-.001l-.245.03.245-.03-.021-.168-.164-.041a7.513 7.513 0 0 0-.842-.147 11.496 11.496 0 0 0-.067-.01c-.283-.038-.51-.073-.69-.138-.17-.062-.266-.14-.318-.251-.056-.118-.084-.317-.017-.66.123-.354.426-.61.837-.781.415-.173.91-.245 1.339-.245 2.383 0 4.47.295 6.86.89.164.08.376.156.593.232l.152.052c.189.065.383.132.572.205.24.092.46.19.635.296.17.103.271.2.32.287.11.353-.003.797-.222 1.272a8.38 8.38 0 0 1-.432.8c-.093.16-.181.312-.245.438l-.007.016-.006.017c-.297.893-.879 2.034-1.714 2.59l-.02.014-.018.017c-.607.608-1.495 1.495-2.378 2.083Z"
-          stroke="#000"
-          strokeWidth=".493"
-        />
-        <path
-          d="m60.44 42.634-.007.012-.004.013c-.906 2.42-1.8 4.794-3.58 6.873l-.013.016-.01.018c-1.726 2.878-4.008 5.203-6.59 7.249a37.137 37.137 0 0 0-.383-1.245l-.128-.404c-.226-.716-.449-1.46-.597-2.201l-.007-.033-.014-.03c-.59-1.179-.888-2.361-1.189-3.571l-.002-.01-.003-.009a6.45 6.45 0 0 1-.182-.744 30.33 30.33 0 0 1-.029-.143c-.047-.24-.098-.498-.163-.755-.151-.606-.385-1.25-.866-1.748-.187-.348-.462-.524-.748-.646-.115-.05-.238-.092-.355-.133l-.08-.028a3.663 3.663 0 0 1-.42-.171l-.012-.006c-.564-.242-1.16-.34-1.747-.388a19.483 19.483 0 0 0-.877-.047l-.093-.003c-.258-.01-.51-.02-.76-.036-1.11-.074-2.069-.292-2.757-1.252-.264-.398-.333-.796-.333-1.256 0-.223.017-.456.035-.711l.003-.041c.017-.247.035-.513.038-.797.29-.444.51-.887.725-1.316l.003-.007c.227-.455.447-.894.739-1.331l.014-.022.01-.023c.222-.556.484-1.067.748-1.579.088-.171.176-.343.263-.516.337-.675.648-1.369.808-2.144.162-.348.162-.762.162-1.107v-.029c0-.374.004-.676.108-.91a3.06 3.06 0 0 1 .56-.386c.249-.142.533-.285.826-.432l.03-.015.035-.018.028-.028c.093-.092.176-.144.269-.2a3.42 3.42 0 0 0 .11-.07.736.736 0 0 0 .202-.187.547.547 0 0 0 .096-.321.627.627 0 0 0-.218-.471l-.005-.005c-.073-.073-.08-.085-.08-.128 0-.091.054-.275.163-.493.106-.212.243-.414.37-.54a56.614 56.614 0 0 1 2.254-2.103l.001-.002a59.78 59.78 0 0 0 2.21-2.058.512.512 0 0 0 .373-.279.614.614 0 0 0 .052-.154.598.598 0 0 0 .132-.295.525.525 0 0 0-.086-.363.705.705 0 0 0-.52-.296c-.292-.142-.519-.217-.733-.289l-.007-.002a4.897 4.897 0 0 1-.723-.29l-.052-.026h-.058c-.077 0-.144 0-.205-.004a.55.55 0 0 1-.151-.028.131.131 0 0 1-.002-.023v-.102l-.072-.072c-.05-.05-.08-.156-.015-.352.062-.186.19-.38.318-.507l.017-.017.014-.02 1.798-2.698a6.01 6.01 0 0 0 .461-.549l.13-.17c.115-.151.23-.303.351-.451.337-.412.676-.74 1.058-.867l.01-.004.012-.005c.613-.272 1.142-.236 1.621-.015.491.226.944.654 1.368 1.188.422.533.802 1.152 1.156 1.743l.091.151c.316.528.617 1.03.905 1.39l.008.01.01.01c1.178 1.177 2.066 2.655 2.66 4.136.297.894.606 1.817 1.217 2.742.884 2.676 1.184 5.653 1.184 8.646 0 1.502 0 2.976-.292 4.449-.155.324-.233.713-.303 1.065l-.004.022c-.077.386-.148.728-.282.994ZM47.02 21.945Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".493"
-        />
-        <path
-          d="M41.417 42.716c2.642-1.116 7.993-1.406 8.261 6.364"
-          stroke="#000"
-          strokeWidth=".5"
-          strokeLinecap="round"
-        />
-        <path
-          d="M43.334 43.831c2.15 0 4.426.248 4.955 3.616M35.706 17.23c-.083.544-.198 1.79 0 2.422.642-.23 2.027-.84 2.422-1.433"
-          stroke="#000"
-          strokeWidth=".2"
-          strokeLinecap="round"
-        />
-        <path
-          d="M36.488 17.235c-.04.544.086.432.184 1.064.32-.23.714-.026.91-.619M21.63 49.811c.731 1.227 2.195 4.431 2.195 7.428m-1.813-3.741c.262.45.784 1.625.772 2.718M19.697 35.5c.35-3.667 4.016-6.87 5.995-5.473"
-          stroke="#000"
-          strokeWidth=".2"
-          strokeLinecap="round"
-        />
-      </g>
-      <rect
-        x=".25"
-        y=".75"
-        width="69.5"
-        height="69.5"
-        rx="34.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <defs>
-        <clipPath id="a">
-          <rect x=".5" y="1" width="69" height="69" rx="34.5" fill="#fff" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.5 70 70" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M69.5 35.5C69.5 54.707 53.852 70 35 70 16.15 70 .5 54.707.5 35.5S15.793 1 35 1s34.5 15.293 34.5 34.5Z" fill="#fff"/><path d="M34.452 49.386v.04l.012.038c.134.402.138.887.066 1.356a4.176 4.176 0 0 1-.354 1.171l-.008.016-.005.017c-.052.154-.102.313-.153.474-.103.327-.21.662-.334.987-.186.483-.398.896-.661 1.16-.573.573-1.144.86-1.748 1.162l-.013.007-.013.008c-.49.327-.89.81-1.266 1.3-.07.09-.138.18-.206.27-.312.411-.621.819-.98 1.178l-.073.072v.096s-.006.025-.032.087a2.98 2.98 0 0 1-.13.258 8.713 8.713 0 0 1-.922 1.324 1.693 1.693 0 0 1-.182.182l-.012.01c-1.616-.472-2.87-1.121-4.218-1.82-.314-.162-.634-.327-.964-.493a9.916 9.916 0 0 0-.04-.338c-.028-.218-.066-.484-.103-.747a67.07 67.07 0 0 1-.104-.743 4.96 4.96 0 0 1-.045-.43v-.04l-.013-.038a37.86 37.86 0 0 1-.45-1.5l-.001-.007a38.454 38.454 0 0 0-.454-1.514l-.003-.007-.002-.006a13.22 13.22 0 0 0-.548-1.158l-.137-.262c-.155-.297-.31-.593-.454-.895-.371-.78-.655-1.571-.655-2.422 0-.3.012-.597.024-.899l.009-.219c.014-.373.024-.75.005-1.121-.04-.743-.198-1.477-.69-2.135l-.006-.006c-.652-.816-1.62-1.211-2.53-1.514-.179-.06-.354-.115-.524-.17-.273-.086-.536-.17-.79-.262-.407-.148-.757-.308-1.03-.513l-.011-.008c-1.788-1.19-3.564-2.973-4.445-4.735l-.004-.008-.005-.008c-.814-1.356-.597-2.434-.31-3.86l.039-.19.002-.014c.3-2.095.898-4.49 1.497-6.289 1.206-3.013 2.998-6.583 5.364-8.654 1.17-1.023 2.94-1.84 4.801-2.286 1.86-.447 3.774-.515 5.226-.08.864.288 1.736.869 2.316 1.448.303.304.667.669.956 1.066.291.4.48.802.48 1.176 0 .169-.005.18-.01.192h-.001a.342.342 0 0 1-.052.068 5.094 5.094 0 0 1-.166.17c-.225.225-.433.23-.731.23-.456 0-.897 0-1.299-.037-.386-.035-.715-.102-.971-.223l-1.179-1.178-.04-.04-.056-.02c-.55-.183-1.139-.012-1.679.305-.545.32-1.083.811-1.564 1.35a12.15 12.15 0 0 0-1.247 1.675c-.326.529-.568 1.023-.655 1.362-.162.495-.239 1.29-.079 2.01.162.729.586 1.445 1.475 1.623l.024.005h.025c.295 0 .626-.143.943-.326a9.291 9.291 0 0 0 1.02-.707c.27-.21.541-.434.796-.643l.198-.163c.307-.251.577-.466.79-.61.308-.156.541-.311.764-.46l.003-.001c.216-.144.422-.282.69-.42 1.105-.123 2.077.293 2.856 1 .792.72 1.374 1.734 1.665 2.753l.002.01.004.01c.194.517.103 1.002-.19 1.47-.3.476-.805.924-1.414 1.33-1.218.812-2.778 1.408-3.677 1.707l-.017.006-.016.008c-.205.103-.343.062-.566-.012l-.01-.004c-.227-.076-.535-.178-.923.01-.794.32-1.652.948-2.314 1.726-.657.774-1.144 1.725-1.152 2.702-.15.758-.226 1.515-.3 2.258l-.001.005c-.07.688-.137 1.365-.26 2.04l-.002-.001a.557.557 0 0 1-.15-.029.13.13 0 0 1-.002-.022v-.604c0-.477-.079-1.04-.283-1.53-.197-.473-.524-.907-1.036-1.1a4.091 4.091 0 0 0-.15-.144.804.804 0 0 0-.177-.127c-.129-.065-.26-.064-.385-.064h-.027a1.93 1.93 0 0 1-.601-.12 9.667 9.667 0 0 1-.331-.119h-.003a10.004 10.004 0 0 0-.346-.126c-.472-.157-1.021-.263-1.572.105l-.02.013-.018.017c-.62.62-1.28 1.586-1.28 2.591v.01c0 .303 0 .696.375 1.069l.028.028.035.018c.385.193.767.097 1.052.025l.024-.005c.317-.08.528-.124.736-.02l.052.026h.058c.108 0 .168.026.204.052.038.028.07.07.095.133.055.138.058.316.058.475v.075l.042.062c.1.15.204.317.313.488.2.32.415.66.638.957.347.463.762.892 1.289 1.067l.038.013h6.037c.21.069.448.137.692.207l.049.014c.278.08.566.164.844.257.547.182 1.01.386 1.272.63.125.262.192.527.265.818l.002.01c.074.296.155.62.318.946l.018.036.028.028c.793.794 1.665 1.188 2.556 1.46.396.12.8.217 1.199.314l.14.034c.442.107.88.216 1.317.361.283.143.466.272.581.416.11.138.173.307.173.563Zm-7.05 11.235h.003-.002Zm-7.246-20.566Z" fill="#fff" fillOpacity=".9"/><path d="M34.452 49.386v.04l.012.038c.134.402.138.887.066 1.356a4.176 4.176 0 0 1-.354 1.171l-.008.016-.005.017c-.052.154-.102.313-.153.474-.103.327-.21.662-.334.987-.186.483-.398.896-.661 1.16-.573.573-1.144.86-1.748 1.162l-.013.007-.013.008c-.49.327-.89.81-1.266 1.3-.07.09-.138.18-.206.27-.312.411-.621.819-.98 1.178l-.073.072v.096s-.006.025-.032.087a2.98 2.98 0 0 1-.13.258 8.713 8.713 0 0 1-.922 1.324 1.693 1.693 0 0 1-.182.182l-.012.01c-1.616-.472-2.87-1.121-4.218-1.82-.314-.162-.634-.327-.964-.493a9.916 9.916 0 0 0-.04-.338c-.028-.218-.066-.484-.103-.747a67.07 67.07 0 0 1-.104-.743 4.96 4.96 0 0 1-.045-.43v-.04l-.013-.038a37.86 37.86 0 0 1-.45-1.5l-.001-.007a38.454 38.454 0 0 0-.454-1.514l-.003-.007-.002-.006a13.22 13.22 0 0 0-.548-1.158l-.137-.262c-.155-.297-.31-.593-.454-.895-.371-.78-.655-1.571-.655-2.422 0-.3.012-.597.024-.899l.009-.219c.014-.373.024-.75.005-1.121-.04-.743-.198-1.477-.69-2.135l-.006-.006c-.652-.816-1.62-1.211-2.53-1.514-.179-.06-.354-.115-.524-.17-.273-.086-.536-.17-.79-.262-.407-.148-.757-.308-1.03-.513l-.011-.008c-1.788-1.19-3.564-2.973-4.445-4.735l-.004-.008-.005-.008c-.814-1.356-.597-2.434-.31-3.86l.039-.19.002-.014c.3-2.095.898-4.49 1.497-6.289 1.206-3.013 2.998-6.583 5.364-8.654 1.17-1.023 2.94-1.84 4.801-2.286 1.86-.447 3.774-.515 5.226-.08.864.288 1.736.869 2.316 1.448.303.304.667.669.956 1.066.291.4.48.802.48 1.176 0 .169-.005.18-.01.192h-.001a.342.342 0 0 1-.052.068 5.094 5.094 0 0 1-.166.17c-.225.225-.433.23-.731.23-.456 0-.897 0-1.299-.037-.386-.035-.715-.102-.971-.223l-1.179-1.178-.04-.04-.056-.02c-.55-.183-1.139-.012-1.679.305-.545.32-1.083.811-1.564 1.35a12.15 12.15 0 0 0-1.247 1.675c-.326.529-.568 1.023-.655 1.362-.162.495-.239 1.29-.079 2.01.162.729.586 1.445 1.475 1.623l.024.005h.025c.295 0 .626-.143.943-.326a9.291 9.291 0 0 0 1.02-.707c.27-.21.541-.434.796-.643l.198-.163c.307-.251.577-.466.79-.61.308-.156.541-.311.764-.46l.003-.001c.216-.144.422-.282.69-.42 1.105-.123 2.077.293 2.856 1 .792.72 1.374 1.734 1.665 2.753l.002.01.004.01c.194.517.103 1.002-.19 1.47-.3.476-.805.924-1.414 1.33-1.218.812-2.778 1.408-3.677 1.707l-.017.006-.016.008c-.205.103-.343.062-.566-.012l-.01-.004c-.227-.076-.535-.178-.923.01-.794.32-1.652.948-2.314 1.726-.657.774-1.144 1.725-1.152 2.702-.15.758-.226 1.515-.3 2.258l-.001.005c-.07.688-.137 1.365-.26 2.04l-.002-.001a.557.557 0 0 1-.15-.029.13.13 0 0 1-.002-.022v-.604c0-.477-.079-1.04-.283-1.53-.197-.473-.524-.907-1.036-1.1a4.091 4.091 0 0 0-.15-.144.804.804 0 0 0-.177-.127c-.129-.065-.26-.064-.385-.064h-.027a1.93 1.93 0 0 1-.601-.12 9.667 9.667 0 0 1-.331-.119h-.003a10.004 10.004 0 0 0-.346-.126c-.472-.157-1.021-.263-1.572.105l-.02.013-.018.017c-.62.62-1.28 1.586-1.28 2.591v.01c0 .303 0 .696.375 1.069l.028.028.035.018c.385.193.767.097 1.052.025l.024-.005c.317-.08.528-.124.736-.02l.052.026h.058c.108 0 .168.026.204.052.038.028.07.07.095.133.055.138.058.316.058.475v.075l.042.062c.1.15.204.317.313.488.2.32.415.66.638.957.347.463.762.892 1.289 1.067l.038.013h6.037c.21.069.448.137.692.207l.049.014c.278.08.566.164.844.257.547.182 1.01.386 1.272.63.125.262.192.527.265.818l.002.01c.074.296.155.62.318.946l.018.036.028.028c.793.794 1.665 1.188 2.556 1.46.396.12.8.217 1.199.314l.14.034c.442.107.88.216 1.317.361.283.143.466.272.581.416.11.138.173.307.173.563Zm-7.05 11.235h.003-.002Zm-7.246-20.566Z" fill="#8ED4DA" fillOpacity=".3"/><path d="M34.452 49.386v.04l.012.038c.134.402.138.887.066 1.356a4.176 4.176 0 0 1-.354 1.171l-.008.016-.005.017c-.052.154-.102.313-.153.474-.103.327-.21.662-.334.987-.186.483-.398.896-.661 1.16-.573.573-1.144.86-1.748 1.162l-.013.007-.013.008c-.49.327-.89.81-1.266 1.3-.07.09-.138.18-.206.27-.312.411-.621.819-.98 1.178l-.073.072v.096s-.006.025-.032.087a2.98 2.98 0 0 1-.13.258 8.713 8.713 0 0 1-.922 1.324 1.693 1.693 0 0 1-.182.182l-.012.01c-1.616-.472-2.87-1.121-4.218-1.82-.314-.162-.634-.327-.964-.493a9.916 9.916 0 0 0-.04-.338c-.028-.218-.066-.484-.103-.747a67.07 67.07 0 0 1-.104-.743 4.96 4.96 0 0 1-.045-.43v-.04l-.013-.038a37.86 37.86 0 0 1-.45-1.5l-.001-.007a38.454 38.454 0 0 0-.454-1.514l-.003-.007-.002-.006a13.22 13.22 0 0 0-.548-1.158l-.137-.262c-.155-.297-.31-.593-.454-.895-.371-.78-.655-1.571-.655-2.422 0-.3.012-.597.024-.899l.009-.219c.014-.373.024-.75.005-1.121-.04-.743-.198-1.477-.69-2.135l-.006-.006c-.652-.816-1.62-1.211-2.53-1.514-.179-.06-.354-.115-.524-.17-.273-.086-.536-.17-.79-.262-.407-.148-.757-.308-1.03-.513l-.011-.008c-1.788-1.19-3.564-2.973-4.445-4.735l-.004-.008-.005-.008c-.814-1.356-.597-2.434-.31-3.86l.039-.19.002-.014c.3-2.095.898-4.49 1.497-6.289 1.206-3.013 2.998-6.583 5.364-8.654 1.17-1.023 2.94-1.84 4.801-2.286 1.86-.447 3.774-.515 5.226-.08.864.288 1.736.869 2.316 1.448.303.304.667.669.956 1.066.291.4.48.802.48 1.176 0 .169-.005.18-.01.192h-.001a.342.342 0 0 1-.052.068 5.094 5.094 0 0 1-.166.17c-.225.225-.433.23-.731.23-.456 0-.897 0-1.299-.037-.386-.035-.715-.102-.971-.223l-1.179-1.178-.04-.04-.056-.02c-.55-.183-1.139-.012-1.679.305-.545.32-1.083.811-1.564 1.35a12.15 12.15 0 0 0-1.247 1.675c-.326.529-.568 1.023-.655 1.362-.162.495-.239 1.29-.079 2.01.162.729.586 1.445 1.475 1.623l.024.005h.025c.295 0 .626-.143.943-.326a9.291 9.291 0 0 0 1.02-.707c.27-.21.541-.434.796-.643l.198-.163c.307-.251.577-.466.79-.61.308-.156.541-.311.764-.46l.003-.001c.216-.144.422-.282.69-.42 1.105-.123 2.077.293 2.856 1 .792.72 1.374 1.734 1.665 2.753l.002.01.004.01c.194.517.103 1.002-.19 1.47-.3.476-.805.924-1.414 1.33-1.218.812-2.778 1.408-3.677 1.707l-.017.006-.016.008c-.205.103-.343.062-.566-.012l-.01-.004c-.227-.076-.535-.178-.923.01-.794.32-1.652.948-2.314 1.726-.657.774-1.144 1.725-1.152 2.702-.15.758-.226 1.515-.3 2.258l-.001.005c-.07.688-.137 1.365-.26 2.04l-.002-.001a.557.557 0 0 1-.15-.029.13.13 0 0 1-.002-.022v-.604c0-.477-.079-1.04-.283-1.53-.197-.473-.524-.907-1.036-1.1a4.091 4.091 0 0 0-.15-.144.804.804 0 0 0-.177-.127c-.129-.065-.26-.064-.385-.064h-.027a1.93 1.93 0 0 1-.601-.12 9.667 9.667 0 0 1-.331-.119h-.003a10.004 10.004 0 0 0-.346-.126c-.472-.157-1.021-.263-1.572.105l-.02.013-.018.017c-.62.62-1.28 1.586-1.28 2.591v.01c0 .303 0 .696.375 1.069l.028.028.035.018c.385.193.767.097 1.052.025l.024-.005c.317-.08.528-.124.736-.02l.052.026h.058c.108 0 .168.026.204.052.038.028.07.07.095.133.055.138.058.316.058.475v.075l.042.062c.1.15.204.317.313.488.2.32.415.66.638.957.347.463.762.892 1.289 1.067l.038.013h6.037c.21.069.448.137.692.207l.049.014c.278.08.566.164.844.257.547.182 1.01.386 1.272.63.125.262.192.527.265.818l.002.01c.074.296.155.62.318.946l.018.036.028.028c.793.794 1.665 1.188 2.556 1.46.396.12.8.217 1.199.314l.14.034c.442.107.88.216 1.317.361.283.143.466.272.581.416.11.138.173.307.173.563Zm-7.05 11.235h.003-.002Zm-7.246-20.566Z" stroke="#000" strokeWidth=".493"/><path d="M39.09 18.692c-.463.308-.923.692-1.37 1.065l-.01.007c-.45.376-.89.74-1.325 1.033-.235.118-.43.239-.587.336l-.132.08c-.194.117-.29.154-.364.154h-.192c-.201-.252-.326-.673-.394-1.182-.073-.547-.073-1.135-.073-1.59 0-.623.162-1.132.333-1.666l.07-.222c.19-.608.356-1.255.2-2.063a9.7 9.7 0 0 0-.048-.551c-.029-.27-.066-.602-.104-.923l-.104-.864-.034-.278-.01-.078-.002-.02-.001-.005v-.001l-.245.03.245-.03-.021-.168-.164-.041a7.513 7.513 0 0 0-.842-.147 11.496 11.496 0 0 0-.067-.01c-.283-.038-.51-.073-.69-.138-.17-.062-.266-.14-.318-.251-.056-.118-.084-.317-.017-.66.123-.354.426-.61.837-.781.415-.173.91-.245 1.339-.245 2.383 0 4.47.295 6.86.89.164.08.376.156.593.232l.152.052c.189.065.383.132.572.205.24.092.46.19.635.296.17.103.271.2.32.287.11.353-.003.797-.222 1.272a8.38 8.38 0 0 1-.432.8c-.093.16-.181.312-.245.438l-.007.016-.006.017c-.297.893-.879 2.034-1.714 2.59l-.02.014-.018.017c-.607.608-1.495 1.495-2.378 2.083Z" fill="#8ED4DA"/><path d="M39.09 18.692c-.463.308-.923.692-1.37 1.065l-.01.007c-.45.376-.89.74-1.325 1.033-.235.118-.43.239-.587.336l-.132.08c-.194.117-.29.154-.364.154h-.192c-.201-.252-.326-.673-.394-1.182-.073-.547-.073-1.135-.073-1.59 0-.623.162-1.132.333-1.666l.07-.222c.19-.608.356-1.255.2-2.063a9.7 9.7 0 0 0-.048-.551c-.029-.27-.066-.602-.104-.923l-.104-.864-.034-.278-.01-.078-.002-.02-.001-.005v-.001l-.245.03.245-.03-.021-.168-.164-.041a7.513 7.513 0 0 0-.842-.147 11.496 11.496 0 0 0-.067-.01c-.283-.038-.51-.073-.69-.138-.17-.062-.266-.14-.318-.251-.056-.118-.084-.317-.017-.66.123-.354.426-.61.837-.781.415-.173.91-.245 1.339-.245 2.383 0 4.47.295 6.86.89.164.08.376.156.593.232l.152.052c.189.065.383.132.572.205.24.092.46.19.635.296.17.103.271.2.32.287.11.353-.003.797-.222 1.272a8.38 8.38 0 0 1-.432.8c-.093.16-.181.312-.245.438l-.007.016-.006.017c-.297.893-.879 2.034-1.714 2.59l-.02.014-.018.017c-.607.608-1.495 1.495-2.378 2.083Z" fill="#fff"/><path d="M39.09 18.692c-.463.308-.923.692-1.37 1.065l-.01.007c-.45.376-.89.74-1.325 1.033-.235.118-.43.239-.587.336l-.132.08c-.194.117-.29.154-.364.154h-.192c-.201-.252-.326-.673-.394-1.182-.073-.547-.073-1.135-.073-1.59 0-.623.162-1.132.333-1.666l.07-.222c.19-.608.356-1.255.2-2.063a9.7 9.7 0 0 0-.048-.551c-.029-.27-.066-.602-.104-.923l-.104-.864-.034-.278-.01-.078-.002-.02-.001-.005v-.001l-.245.03.245-.03-.021-.168-.164-.041a7.513 7.513 0 0 0-.842-.147 11.496 11.496 0 0 0-.067-.01c-.283-.038-.51-.073-.69-.138-.17-.062-.266-.14-.318-.251-.056-.118-.084-.317-.017-.66.123-.354.426-.61.837-.781.415-.173.91-.245 1.339-.245 2.383 0 4.47.295 6.86.89.164.08.376.156.593.232l.152.052c.189.065.383.132.572.205.24.092.46.19.635.296.17.103.271.2.32.287.11.353-.003.797-.222 1.272a8.38 8.38 0 0 1-.432.8c-.093.16-.181.312-.245.438l-.007.016-.006.017c-.297.893-.879 2.034-1.714 2.59l-.02.014-.018.017c-.607.608-1.495 1.495-2.378 2.083Z" stroke="#000" strokeWidth=".493"/><path d="m60.44 42.634-.007.012-.004.013c-.906 2.42-1.8 4.794-3.58 6.873l-.013.016-.01.018c-1.726 2.878-4.008 5.203-6.59 7.249a37.137 37.137 0 0 0-.383-1.245l-.128-.404c-.226-.716-.449-1.46-.597-2.201l-.007-.033-.014-.03c-.59-1.179-.888-2.361-1.189-3.571l-.002-.01-.003-.009a6.45 6.45 0 0 1-.182-.744 30.33 30.33 0 0 1-.029-.143c-.047-.24-.098-.498-.163-.755-.151-.606-.385-1.25-.866-1.748-.187-.348-.462-.524-.748-.646-.115-.05-.238-.092-.355-.133l-.08-.028a3.663 3.663 0 0 1-.42-.171l-.012-.006c-.564-.242-1.16-.34-1.747-.388a19.483 19.483 0 0 0-.877-.047l-.093-.003c-.258-.01-.51-.02-.76-.036-1.11-.074-2.069-.292-2.757-1.252-.264-.398-.333-.796-.333-1.256 0-.223.017-.456.035-.711l.003-.041c.017-.247.035-.513.038-.797.29-.444.51-.887.725-1.316l.003-.007c.227-.455.447-.894.739-1.331l.014-.022.01-.023c.222-.556.484-1.067.748-1.579.088-.171.176-.343.263-.516.337-.675.648-1.369.808-2.144.162-.348.162-.762.162-1.107v-.029c0-.374.004-.676.108-.91a3.06 3.06 0 0 1 .56-.386c.249-.142.533-.285.826-.432l.03-.015.035-.018.028-.028c.093-.092.176-.144.269-.2a3.42 3.42 0 0 0 .11-.07.736.736 0 0 0 .202-.187.547.547 0 0 0 .096-.321.627.627 0 0 0-.218-.471l-.005-.005c-.073-.073-.08-.085-.08-.128 0-.091.054-.275.163-.493.106-.212.243-.414.37-.54a56.614 56.614 0 0 1 2.254-2.103l.001-.002a59.78 59.78 0 0 0 2.21-2.058.512.512 0 0 0 .373-.279.614.614 0 0 0 .052-.154.598.598 0 0 0 .132-.295.525.525 0 0 0-.086-.363.705.705 0 0 0-.52-.296c-.292-.142-.519-.217-.733-.289l-.007-.002a4.897 4.897 0 0 1-.723-.29l-.052-.026h-.058c-.077 0-.144 0-.205-.004a.55.55 0 0 1-.151-.028.131.131 0 0 1-.002-.023v-.102l-.072-.072c-.05-.05-.08-.156-.015-.352.062-.186.19-.38.318-.507l.017-.017.014-.02 1.798-2.698a6.01 6.01 0 0 0 .461-.549l.13-.17c.115-.151.23-.303.351-.451.337-.412.676-.74 1.058-.867l.01-.004.012-.005c.613-.272 1.142-.236 1.621-.015.491.226.944.654 1.368 1.188.422.533.802 1.152 1.156 1.743l.091.151c.316.528.617 1.03.905 1.39l.008.01.01.01c1.178 1.177 2.066 2.655 2.66 4.136.297.894.606 1.817 1.217 2.742.884 2.676 1.184 5.653 1.184 8.646 0 1.502 0 2.976-.292 4.449-.155.324-.233.713-.303 1.065l-.004.022c-.077.386-.148.728-.282.994ZM47.02 21.945Z" fill="#8ED4DA" stroke="#000" strokeWidth=".493"/><path d="M41.417 42.716c2.642-1.116 7.993-1.406 8.261 6.364" stroke="#000" strokeWidth=".5" strokeLinecap="round"/><path d="M43.334 43.831c2.15 0 4.426.248 4.955 3.616M35.706 17.23c-.083.544-.198 1.79 0 2.422.642-.23 2.027-.84 2.422-1.433" stroke="#000" strokeWidth=".2" strokeLinecap="round"/><path d="M36.488 17.235c-.04.544.086.432.184 1.064.32-.23.714-.026.91-.619M21.63 49.811c.731 1.227 2.195 4.431 2.195 7.428m-1.813-3.741c.262.45.784 1.625.772 2.718M19.697 35.5c.35-3.667 4.016-6.87 5.995-5.473" stroke="#000" strokeWidth=".2" strokeLinecap="round"/></g><rect x=".25" y=".75" width="69.5" height="69.5" rx="34.75" stroke="#000" strokeWidth=".5"/><defs><clipPath id="a"><rect x=".5" y="1" width="69" height="69" rx="34.5" fill="#fff"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_pathAnalysis.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_pathAnalysis.tsx
index e366ed1b1..c86965596 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_pathAnalysis.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_pathAnalysis.tsx
@@ -9,124 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_pathanalysis(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.5 70 70"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path fill="#fff" d="M0 .5h70v70H0z" />
-        <path
-          clipRule="evenodd"
-          d="M1.259 65.445a.157.157 0 0 0-.204.237l4.399 3.78a.157.157 0 0 0 .204-.238l-4.4-3.78Zm-.22 1.616a.157.157 0 0 1 .221-.015l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.534a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 0 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z"
-          fill="#010101"
-        />
-        <rect
-          x=".604"
-          y=".758"
-          width="9.417"
-          height="34.492"
-          rx="1.75"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path
-          clipRule="evenodd"
-          d="M1.583 32.036a.157.157 0 0 0-.207.235l2.478 2.18a.157.157 0 1 0 .207-.236l-2.478-2.18Zm-.008 1.52a.157.157 0 0 0-.19.248l.854.653a.157.157 0 0 0 .19-.25l-.854-.652Z"
-          fill="#010101"
-        />
-        <rect
-          x="60.333"
-          y=".758"
-          width="9.417"
-          height="48.135"
-          rx="1.75"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path
-          clipRule="evenodd"
-          d="M61.659 45.183a.157.157 0 0 0-.207.235l2.477 2.18a.157.157 0 0 0 .207-.236l-2.477-2.179Zm-.009 1.52a.157.157 0 0 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z"
-          fill="#010101"
-        />
-        <rect
-          x=".604"
-          y="36.763"
-          width="9.417"
-          height="33.487"
-          rx="1.75"
-          fill="#9299D3"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path
-          clipRule="evenodd"
-          d="M2.221 66.246a.157.157 0 1 0-.207.235l2.477 2.18a.157.157 0 0 0 .207-.236l-2.477-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z"
-          fill="#010101"
-        />
-        <rect
-          x="60.333"
-          y="50.913"
-          width="9.417"
-          height="19.337"
-          rx="1.75"
-          fill="#9299D3"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path
-          clipRule="evenodd"
-          d="M61.76 66.746a.157.157 0 1 0-.207.235l2.478 2.18a.157.157 0 0 0 .206-.236l-2.477-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z"
-          fill="#010101"
-        />
-        <path
-          opacity=".3"
-          fill="#9299D3"
-          d="M12.546 1.216h45.238v20.077H12.546z"
-        />
-        <path
-          opacity=".7"
-          fill="#8ED4DA"
-          fillOpacity=".8"
-          d="M12.546 65.407h45.238V70.5H12.546z"
-        />
-        <path
-          opacity=".3"
-          d="m12.546 37.512 3.925-.654a56.893 56.893 0 0 0 18.283-6.386 56.888 56.888 0 0 1 14.598-5.647l8.276-1.947v26.08l-7.189.952a28.816 28.816 0 0 0-15.389 7.052 28.815 28.815 0 0 1-12.919 6.615l-9.585 2.13V37.512Z"
-          fill="#F0D3D3"
-        />
-        <path
-          d="M12.702 35.184V21.878c2.043.353 4.527.878 7.061 1.502 9.026 2.223 14.544 9.72 20.496 16.859 6.747 8.092 13.713 9.724 17.056 10.598v13.462c-3.893-.375-7.645-2.185-10.511-4.06-3.1-2.026-5.321-5.064-7.44-8.101-14.562-20.874-22.461-16.173-26.662-16.954Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M23.229 29.997c2.862 1.875 8.296 6.324 13.174 11.842 3.01 3.405 8.616 9.119 15.247 10.066"
-          stroke="#000"
-          strokeWidth=".5"
-          strokeLinecap="round"
-        />
-        <path
-          d="M30.444 38.934c.423.277 3.012 2.665 3.734 3.481 2.184 2.47 5.013 5.427 9.55 8.737"
-          stroke="#000"
-          strokeWidth=".2"
-          strokeLinecap="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.5 70 70" width={ `${ width }px` } height={ `${ height }px` } ><g><path fill="#fff" d="M0 .5h70v70H0z"/><path clipRule="evenodd" d="M1.259 65.445a.157.157 0 0 0-.204.237l4.399 3.78a.157.157 0 0 0 .204-.238l-4.4-3.78Zm-.22 1.616a.157.157 0 0 1 .221-.015l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.534a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 0 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z" fill="#010101"/><rect x=".604" y=".758" width="9.417" height="34.492" rx="1.75" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M1.583 32.036a.157.157 0 0 0-.207.235l2.478 2.18a.157.157 0 1 0 .207-.236l-2.478-2.18Zm-.008 1.52a.157.157 0 0 0-.19.248l.854.653a.157.157 0 0 0 .19-.25l-.854-.652Z" fill="#010101"/><rect x="60.333" y=".758" width="9.417" height="48.135" rx="1.75" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M61.659 45.183a.157.157 0 0 0-.207.235l2.477 2.18a.157.157 0 0 0 .207-.236l-2.477-2.179Zm-.009 1.52a.157.157 0 0 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z" fill="#010101"/><rect x=".604" y="36.763" width="9.417" height="33.487" rx="1.75" fill="#9299D3" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M2.221 66.246a.157.157 0 1 0-.207.235l2.477 2.18a.157.157 0 0 0 .207-.236l-2.477-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z" fill="#010101"/><rect x="60.333" y="50.913" width="9.417" height="19.337" rx="1.75" fill="#9299D3" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M61.76 66.746a.157.157 0 1 0-.207.235l2.478 2.18a.157.157 0 0 0 .206-.236l-2.477-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 0 0 .19-.249l-.854-.652Z" fill="#010101"/><path opacity=".3" fill="#9299D3" d="M12.546 1.216h45.238v20.077H12.546z"/><path opacity=".7" fill="#8ED4DA" fillOpacity=".8" d="M12.546 65.407h45.238V70.5H12.546z"/><path opacity=".3" d="m12.546 37.512 3.925-.654a56.893 56.893 0 0 0 18.283-6.386 56.888 56.888 0 0 1 14.598-5.647l8.276-1.947v26.08l-7.189.952a28.816 28.816 0 0 0-15.389 7.052 28.815 28.815 0 0 1-12.919 6.615l-9.585 2.13V37.512Z" fill="#F0D3D3"/><path d="M12.702 35.184V21.878c2.043.353 4.527.878 7.061 1.502 9.026 2.223 14.544 9.72 20.496 16.859 6.747 8.092 13.713 9.724 17.056 10.598v13.462c-3.893-.375-7.645-2.185-10.511-4.06-3.1-2.026-5.321-5.064-7.44-8.101-14.562-20.874-22.461-16.173-26.662-16.954Z" fill="#8ED4DA" stroke="#000" strokeWidth=".5" strokeLinecap="round" strokeLinejoin="round"/><path d="M23.229 29.997c2.862 1.875 8.296 6.324 13.174 11.842 3.01 3.405 8.616 9.119 15.247 10.066" stroke="#000" strokeWidth=".5" strokeLinecap="round"/><path d="M30.444 38.934c.423.277 3.012 2.665 3.734 3.481 2.184 2.47 5.013 5.427 9.55 8.737" stroke="#000" strokeWidth=".2" strokeLinecap="round"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .5)" d="M0 0h70v70H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_performance.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_performance.tsx
index 0793d5df9..8f716f7b8 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_performance.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_performance.tsx
@@ -9,76 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_performance(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0.5 0 71 71"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" fill="#fff" />
-      <path
-        clipRule="evenodd"
-        d="M11.5 70.5v-.495H11v.495h.5Zm0-1.485v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.991H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.991H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.991H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.496H11v.495h.5Zm10 68.811v-.495H21v.495h.5Zm0-1.485v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.991H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.991H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.991H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.496H21v.495h.5Zm10 68.316v.495H31v-.495h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.486v.495H31v-.495h.5Zm10 69.307v-.495H41v.495h.5Zm0-1.485v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.991H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.991H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.991H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.496H41v.495h.5Zm10 68.316v.495H51v-.495h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.486v.495H51v-.495h.5Zm10 69.307v-.495H61v.495h.5Zm0-1.485v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.991H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.991H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.991H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.496H61v.495h.5Z"
-        fill="#D7D7D7"
-      />
-      <path
-        clipRule="evenodd"
-        d="M70.893 60.89h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Zm69.112-10h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Zm68.614-10h.498v.5h-.498v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.491 0h.497v.5h-.497v-.5Zm69.609-10h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Zm68.614-10h.498v.5h-.498v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.491 0h.497v.5h-.497v-.5Zm69.609-10h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Z"
-        fill="#D7D7D7"
-      />
-      <g>
-        <mask id="b" fill="#fff">
-          <path
-            clipRule="evenodd"
-            d="m1 63.432.237-1.011c.236-1.012-.295-3.034.179-2.023.532 1.011 1.006 5.057 1.48 3.034.472-2.023.946-10.113 1.42-10.113.532 0 1.005 8.09 1.478 10.113.474 2.023.947-2.023 1.42-9.102.533-7.08 1.006-17.192 1.48-22.249.473-5.057.947-5.057 1.42-4.045.532 1.011 1.006 3.034 1.48 6.068.473 3.034.946 7.079 1.42 11.124.532 4.045 1.005 8.09 1.479 8.09.473 0 .946-4.044 1.42-9.101.532-5.057 1.005-11.125 1.479-17.193.473-6.068.947-12.136 1.42-11.124.532 1.011 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-2.023.532 3.034 1.005 15.17 1.479 22.25.473 7.079.946 9.102 1.42 10.113.473 1.011 1.005 1.011 1.479-2.023.473-3.034.947-9.102 1.42-8.09.473 1.01 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-7.08.473-2.022 1.005 0 1.479-2.022.473-2.023.946-8.09 1.42-13.147.473-5.057 1.006-9.102 1.479-11.125.473-2.023.947-2.023 1.42 4.045s1.006 18.204 1.48 21.238c.472 3.034.946-3.034 1.42-5.056.473-2.023 1.005 0 1.479 4.045.473 4.045.946 10.113 1.42 10.113.473 0 1.006-6.068 1.479-13.147.473-7.08.947-15.17 1.42-15.17s1.006 8.09 1.48 8.09c.473 0 .946-8.09 1.42-5.056.473 3.034.946 17.192 1.479 16.181.473-1.011.946-17.192 1.42-24.271.473-7.08.946-5.057 1.479-1.012.473 4.045.947 10.113 1.42 16.181.473 6.068.947 12.136 1.48 12.136.473 0 .946-6.068 1.42-6.068.473 0 .946 6.068 1.479 4.045.473-2.022.946-12.135 1.42-11.124.473 1.011.946 13.147 1.479 12.136.473-1.011.947-15.17 1.42-22.25.473-7.079.947-7.079 1.48-8.09.473-1.011.946-3.034 1.42 1.011.473 4.046.946 14.159 1.479 19.216.473 5.056.946 5.056 1.42 7.079.473 2.023.946 6.068 1.479 1.011.473-5.056.947-19.215 1.183-26.294l.237-7.08v49.124l-.457 4.142c-.097.485-.49 1.346-.963 1.346H4.315c-.473 0-1.71.266-1.71.266s-1.01-.266-1.19-1.266h-.178A.237.237 0 0 1 1 68.263v-4.83Z"
-          />
-        </mask>
-        <path
-          clipRule="evenodd"
-          d="m1 63.432.237-1.011c.236-1.012-.295-3.034.179-2.023.532 1.011 1.006 5.057 1.48 3.034.472-2.023.946-10.113 1.42-10.113.532 0 1.005 8.09 1.478 10.113.474 2.023.947-2.023 1.42-9.102.533-7.08 1.006-17.192 1.48-22.249.473-5.057.947-5.057 1.42-4.045.532 1.011 1.006 3.034 1.48 6.068.473 3.034.946 7.079 1.42 11.124.532 4.045 1.005 8.09 1.479 8.09.473 0 .946-4.044 1.42-9.101.532-5.057 1.005-11.125 1.479-17.193.473-6.068.947-12.136 1.42-11.124.532 1.011 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-2.023.532 3.034 1.005 15.17 1.479 22.25.473 7.079.946 9.102 1.42 10.113.473 1.011 1.005 1.011 1.479-2.023.473-3.034.947-9.102 1.42-8.09.473 1.01 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-7.08.473-2.022 1.005 0 1.479-2.022.473-2.023.946-8.09 1.42-13.147.473-5.057 1.006-9.102 1.479-11.125.473-2.023.947-2.023 1.42 4.045s1.006 18.204 1.48 21.238c.472 3.034.946-3.034 1.42-5.056.473-2.023 1.005 0 1.479 4.045.473 4.045.946 10.113 1.42 10.113.473 0 1.006-6.068 1.479-13.147.473-7.08.947-15.17 1.42-15.17s1.006 8.09 1.48 8.09c.473 0 .946-8.09 1.42-5.056.473 3.034.946 17.192 1.479 16.181.473-1.011.946-17.192 1.42-24.271.473-7.08.946-5.057 1.479-1.012.473 4.045.947 10.113 1.42 16.181.473 6.068.947 12.136 1.48 12.136.473 0 .946-6.068 1.42-6.068.473 0 .946 6.068 1.479 4.045.473-2.022.946-12.135 1.42-11.124.473 1.011.946 13.147 1.479 12.136.473-1.011.947-15.17 1.42-22.25.473-7.079.947-7.079 1.48-8.09.473-1.011.946-3.034 1.42 1.011.473 4.046.946 14.159 1.479 19.216.473 5.056.946 5.056 1.42 7.079.473 2.023.946 6.068 1.479 1.011.473-5.056.947-19.215 1.183-26.294l.237-7.08v49.124l-.457 4.142c-.097.485-.49 1.346-.963 1.346H4.315c-.473 0-1.71.266-1.71.266s-1.01-.266-1.19-1.266h-.178A.237.237 0 0 1 1 68.263v-4.83Z"
-          fill="#D7D9EA"
-          stroke="#000"
-          mask="url(#b)"
-        />
-        <path
-          clipRule="evenodd"
-          d="M71 65.363c0-.418-.044-.835-.13-1.245l-.104-.488c-.234-1.104-.91-3.405-1.378-2.301-.526 1.103-.995 5.952-1.463 3.744-.468-2.208-.936-11.472-1.404-11.472-.527 0-.995 9.264-1.464 11.472-.468 2.208-.936-2.64-1.404-10.368-.527-7.727-.995-18.766-1.463-24.286-.468-5.52-.937-5.52-1.405-4.415-.527 1.104-.995 3.311-1.463 6.623-.468 3.312-.936 7.727-1.405 12.143-.526 4.416-.995 8.831-1.463 8.831-.468 0-.936-4.415-1.404-9.935-.527-5.52-.995-12.143-1.463-18.766-.469-6.624-.937-13.247-1.405-12.143-.527 1.104-.995 9.935-1.463 11.039-.468 1.104-.937-5.52-1.405-2.208-.526 3.312-.995 16.559-1.463 24.286-.468 7.727-.936 9.935-1.404 11.039-.469 1.104-.995 1.104-1.464-2.208-.468-3.312-.936-9.935-1.404-8.831-.468 1.104-.995 9.935-1.463 11.039-.469 1.104-.937-5.52-1.405-7.727-.468-2.208-.995 0-1.463-2.208-.468-2.208-.936 4.169-1.405-1.35-.468-5.52-.995-9.936-1.463-12.144-.468-2.208-.936-2.208-1.404 4.416-.469 6.623-.995 6.87-1.463 10.182-.469 3.311-.937-3.312-1.405-5.52-.468-2.208-.995 0-1.463 4.416-.468 4.416-.937 11.039-1.405 11.039-.468 0-.995-6.624-1.463-14.35-.468-7.728-.936-16.56-1.405-16.56-.468 0-.994 8.832-1.463 8.832-.468 0-.936-8.831-1.404-5.52-.468 3.312-.937 18.767-1.463 17.663-.469-1.104-.937-18.767-1.405-26.494-.468-7.727-.936-5.52-1.463-1.104-.468 4.416-.937 11.04-1.405 17.663-.468 6.623-.936 13.246-1.463 13.246-.468 0-.936-6.623-1.405-6.623-.468 0-.936 6.623-1.463 4.416-.468-2.208-.936-13.247-1.404-12.143-.468 1.104-.937 14.35-1.463 13.246-.469-1.103-.937-16.558-1.405-24.285-.468-7.728-.936-7.728-1.463-8.832-.468-1.104-.936-3.311-1.405 1.104-.468 4.416.064 15.455-.463 20.975-.468 5.519.064 5.519-.404 7.727-.469 2.208-.937 6.623-1.463 1.104-.469-5.52-2.817-21.15-3.05-28.877v-7.726l.23 42.673v8.414c0 3.793-.31 4.727-.032 5.415.123.304.332.566.49.854.188.345.44.741.86 1.053.488.362 1.06.64 1.658.751a6.705 6.705 0 0 0 1.189.11H66.484c.312 0 .62-.018.94-.053.329-.037.648-.128.97-.207.416-.1.477-.07 1.18-.614.817-.632.758-1.108.894-1.354.416-.69.474-1.236.532-2.164v-.994Z"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path
-          d="m14.666 51.671.848 1.133a1.335 1.335 0 0 0 2.142-.008l.83-1.125"
-          stroke="#010101"
-          strokeWidth=".267"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="m43.133 58.207 1.6 1.61c.525.528 1.38.525 1.9-.007l1.572-1.603"
-          stroke="#010101"
-          strokeWidth=".4"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <rect
-        x=".75"
-        y=".25"
-        width="70.5"
-        height="70.5"
-        rx="4.25"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(1 11)" d="M0 0h70v60H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0.5 0 71 71" width={ `${ width }px` } height={ `${ height }px` } ><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" fill="#fff"/><path clipRule="evenodd" d="M11.5 70.5v-.495H11v.495h.5Zm0-1.485v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.991H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.991H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.991H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.981v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.99H11v.99h.5Zm0-1.98v-.496H11v.495h.5Zm10 68.811v-.495H21v.495h.5Zm0-1.485v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.991H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.991H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.991H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.981v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.99H21v.99h.5Zm0-1.98v-.496H21v.495h.5Zm10 68.316v.495H31v-.495h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.981v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.98v.99H31v-.99h.5Zm0-1.486v.495H31v-.495h.5Zm10 69.307v-.495H41v.495h.5Zm0-1.485v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.991H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.991H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.991H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.981v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.99H41v.99h.5Zm0-1.98v-.496H41v.495h.5Zm10 68.316v.495H51v-.495h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.981v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.98v.99H51v-.99h.5Zm0-1.486v.495H51v-.495h.5Zm10 69.307v-.495H61v.495h.5Zm0-1.485v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.991H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.991H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.991H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.981v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.99H61v.99h.5Zm0-1.98v-.496H61v.495h.5Z" fill="#D7D7D7"/><path clipRule="evenodd" d="M70.893 60.89h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Zm69.112-10h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Zm68.614-10h.498v.5h-.498v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.491 0h.497v.5h-.497v-.5Zm69.609-10h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Zm68.614-10h.498v.5h-.498v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.99 0h.995v.5h-.994v-.5Zm-1.988 0h.994v.5h-.994v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.989 0h.995v.5h-.995v-.5Zm-1.491 0h.497v.5h-.497v-.5Zm69.609-10h-.498v.5h.498v-.5Zm-1.492 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.989 0h-.994v.5h.994v-.5Zm-1.988 0h-.995v.5h.995v-.5Zm-1.99 0h-.994v.5h.995v-.5Zm-1.988 0h-.497v.5h.497v-.5Z" fill="#D7D7D7"/><g><mask id="b" fill="#fff"><path clipRule="evenodd" d="m1 63.432.237-1.011c.236-1.012-.295-3.034.179-2.023.532 1.011 1.006 5.057 1.48 3.034.472-2.023.946-10.113 1.42-10.113.532 0 1.005 8.09 1.478 10.113.474 2.023.947-2.023 1.42-9.102.533-7.08 1.006-17.192 1.48-22.249.473-5.057.947-5.057 1.42-4.045.532 1.011 1.006 3.034 1.48 6.068.473 3.034.946 7.079 1.42 11.124.532 4.045 1.005 8.09 1.479 8.09.473 0 .946-4.044 1.42-9.101.532-5.057 1.005-11.125 1.479-17.193.473-6.068.947-12.136 1.42-11.124.532 1.011 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-2.023.532 3.034 1.005 15.17 1.479 22.25.473 7.079.946 9.102 1.42 10.113.473 1.011 1.005 1.011 1.479-2.023.473-3.034.947-9.102 1.42-8.09.473 1.01 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-7.08.473-2.022 1.005 0 1.479-2.022.473-2.023.946-8.09 1.42-13.147.473-5.057 1.006-9.102 1.479-11.125.473-2.023.947-2.023 1.42 4.045s1.006 18.204 1.48 21.238c.472 3.034.946-3.034 1.42-5.056.473-2.023 1.005 0 1.479 4.045.473 4.045.946 10.113 1.42 10.113.473 0 1.006-6.068 1.479-13.147.473-7.08.947-15.17 1.42-15.17s1.006 8.09 1.48 8.09c.473 0 .946-8.09 1.42-5.056.473 3.034.946 17.192 1.479 16.181.473-1.011.946-17.192 1.42-24.271.473-7.08.946-5.057 1.479-1.012.473 4.045.947 10.113 1.42 16.181.473 6.068.947 12.136 1.48 12.136.473 0 .946-6.068 1.42-6.068.473 0 .946 6.068 1.479 4.045.473-2.022.946-12.135 1.42-11.124.473 1.011.946 13.147 1.479 12.136.473-1.011.947-15.17 1.42-22.25.473-7.079.947-7.079 1.48-8.09.473-1.011.946-3.034 1.42 1.011.473 4.046.946 14.159 1.479 19.216.473 5.056.946 5.056 1.42 7.079.473 2.023.946 6.068 1.479 1.011.473-5.056.947-19.215 1.183-26.294l.237-7.08v49.124l-.457 4.142c-.097.485-.49 1.346-.963 1.346H4.315c-.473 0-1.71.266-1.71.266s-1.01-.266-1.19-1.266h-.178A.237.237 0 0 1 1 68.263v-4.83Z"/></mask><path clipRule="evenodd" d="m1 63.432.237-1.011c.236-1.012-.295-3.034.179-2.023.532 1.011 1.006 5.057 1.48 3.034.472-2.023.946-10.113 1.42-10.113.532 0 1.005 8.09 1.478 10.113.474 2.023.947-2.023 1.42-9.102.533-7.08 1.006-17.192 1.48-22.249.473-5.057.947-5.057 1.42-4.045.532 1.011 1.006 3.034 1.48 6.068.473 3.034.946 7.079 1.42 11.124.532 4.045 1.005 8.09 1.479 8.09.473 0 .946-4.044 1.42-9.101.532-5.057 1.005-11.125 1.479-17.193.473-6.068.947-12.136 1.42-11.124.532 1.011 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-2.023.532 3.034 1.005 15.17 1.479 22.25.473 7.079.946 9.102 1.42 10.113.473 1.011 1.005 1.011 1.479-2.023.473-3.034.947-9.102 1.42-8.09.473 1.01 1.006 9.102 1.48 10.113.473 1.011.946-5.057 1.42-7.08.473-2.022 1.005 0 1.479-2.022.473-2.023.946-8.09 1.42-13.147.473-5.057 1.006-9.102 1.479-11.125.473-2.023.947-2.023 1.42 4.045s1.006 18.204 1.48 21.238c.472 3.034.946-3.034 1.42-5.056.473-2.023 1.005 0 1.479 4.045.473 4.045.946 10.113 1.42 10.113.473 0 1.006-6.068 1.479-13.147.473-7.08.947-15.17 1.42-15.17s1.006 8.09 1.48 8.09c.473 0 .946-8.09 1.42-5.056.473 3.034.946 17.192 1.479 16.181.473-1.011.946-17.192 1.42-24.271.473-7.08.946-5.057 1.479-1.012.473 4.045.947 10.113 1.42 16.181.473 6.068.947 12.136 1.48 12.136.473 0 .946-6.068 1.42-6.068.473 0 .946 6.068 1.479 4.045.473-2.022.946-12.135 1.42-11.124.473 1.011.946 13.147 1.479 12.136.473-1.011.947-15.17 1.42-22.25.473-7.079.947-7.079 1.48-8.09.473-1.011.946-3.034 1.42 1.011.473 4.046.946 14.159 1.479 19.216.473 5.056.946 5.056 1.42 7.079.473 2.023.946 6.068 1.479 1.011.473-5.056.947-19.215 1.183-26.294l.237-7.08v49.124l-.457 4.142c-.097.485-.49 1.346-.963 1.346H4.315c-.473 0-1.71.266-1.71.266s-1.01-.266-1.19-1.266h-.178A.237.237 0 0 1 1 68.263v-4.83Z" fill="#D7D9EA" stroke="#000" mask="url(#b)"/><path clipRule="evenodd" d="M71 65.363c0-.418-.044-.835-.13-1.245l-.104-.488c-.234-1.104-.91-3.405-1.378-2.301-.526 1.103-.995 5.952-1.463 3.744-.468-2.208-.936-11.472-1.404-11.472-.527 0-.995 9.264-1.464 11.472-.468 2.208-.936-2.64-1.404-10.368-.527-7.727-.995-18.766-1.463-24.286-.468-5.52-.937-5.52-1.405-4.415-.527 1.104-.995 3.311-1.463 6.623-.468 3.312-.936 7.727-1.405 12.143-.526 4.416-.995 8.831-1.463 8.831-.468 0-.936-4.415-1.404-9.935-.527-5.52-.995-12.143-1.463-18.766-.469-6.624-.937-13.247-1.405-12.143-.527 1.104-.995 9.935-1.463 11.039-.468 1.104-.937-5.52-1.405-2.208-.526 3.312-.995 16.559-1.463 24.286-.468 7.727-.936 9.935-1.404 11.039-.469 1.104-.995 1.104-1.464-2.208-.468-3.312-.936-9.935-1.404-8.831-.468 1.104-.995 9.935-1.463 11.039-.469 1.104-.937-5.52-1.405-7.727-.468-2.208-.995 0-1.463-2.208-.468-2.208-.936 4.169-1.405-1.35-.468-5.52-.995-9.936-1.463-12.144-.468-2.208-.936-2.208-1.404 4.416-.469 6.623-.995 6.87-1.463 10.182-.469 3.311-.937-3.312-1.405-5.52-.468-2.208-.995 0-1.463 4.416-.468 4.416-.937 11.039-1.405 11.039-.468 0-.995-6.624-1.463-14.35-.468-7.728-.936-16.56-1.405-16.56-.468 0-.994 8.832-1.463 8.832-.468 0-.936-8.831-1.404-5.52-.468 3.312-.937 18.767-1.463 17.663-.469-1.104-.937-18.767-1.405-26.494-.468-7.727-.936-5.52-1.463-1.104-.468 4.416-.937 11.04-1.405 17.663-.468 6.623-.936 13.246-1.463 13.246-.468 0-.936-6.623-1.405-6.623-.468 0-.936 6.623-1.463 4.416-.468-2.208-.936-13.247-1.404-12.143-.468 1.104-.937 14.35-1.463 13.246-.469-1.103-.937-16.558-1.405-24.285-.468-7.728-.936-7.728-1.463-8.832-.468-1.104-.936-3.311-1.405 1.104-.468 4.416.064 15.455-.463 20.975-.468 5.519.064 5.519-.404 7.727-.469 2.208-.937 6.623-1.463 1.104-.469-5.52-2.817-21.15-3.05-28.877v-7.726l.23 42.673v8.414c0 3.793-.31 4.727-.032 5.415.123.304.332.566.49.854.188.345.44.741.86 1.053.488.362 1.06.64 1.658.751a6.705 6.705 0 0 0 1.189.11H66.484c.312 0 .62-.018.94-.053.329-.037.648-.128.97-.207.416-.1.477-.07 1.18-.614.817-.632.758-1.108.894-1.354.416-.69.474-1.236.532-2.164v-.994Z" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><path d="m14.666 51.671.848 1.133a1.335 1.335 0 0 0 2.142-.008l.83-1.125" stroke="#010101" strokeWidth=".267" strokeLinecap="round" strokeLinejoin="round"/><path d="m43.133 58.207 1.6 1.61c.525.528 1.38.525 1.9-.007l1.572-1.603" stroke="#010101" strokeWidth=".4" strokeLinecap="round" strokeLinejoin="round"/></g><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" stroke="#000" strokeWidth=".5"/><defs><clipPath id="a"><path fill="#fff" transform="translate(1 11)" d="M0 0h70v60H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_resources.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_resources.tsx
index b01174507..4a1a20412 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_resources.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_resources.tsx
@@ -9,120 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_resources(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0.25 0 71.25 71"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path
-          clipRule="evenodd"
-          d="M1.75 70.5v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm9 69.057v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm10 68.56v.497h-.5v-.497h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.49v.497h-.5V.946h.5Zm10 69.554v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm10 68.56v.497h-.5v-.497h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.49v.497h-.5V.946h.5Zm10 69.554v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm10 68.56v.497h-.5v-.497h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.49v.497h-.5V.946h.5Zm10 69.554v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Z"
-          fill="#D7D7D7"
-        />
-        <path
-          clipRule="evenodd"
-          d="M70.246 60.642h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm69.996-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.19v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.16v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.09v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.06v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H33.99v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H29.96v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H19.89v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H15.86v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0H9.818v.5h1.007v-.5Zm-2.014 0H7.804v.5H8.81v-.5Zm-2.015 0H5.79v.5h1.007v-.5Zm-2.014 0H3.775v.5h1.007v-.5Zm-2.014 0H1.76v.5h1.007v-.5Zm-2.014 0H.25v.5h.504v-.5Zm69.492-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.19v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.16v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.09v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.06v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H33.99v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H29.96v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H19.89v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H15.86v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0H9.818v.5h1.007v-.5Zm-2.014 0H7.804v.5H8.81v-.5Zm-2.015 0H5.79v.5h1.007v-.5Zm-2.014 0H3.775v.5h1.007v-.5Zm-2.014 0H1.76v.5h1.007v-.5Zm-2.014 0H.25v.5h.504v-.5Zm69.492-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.19v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.16v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.09v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.06v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H33.99v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H29.96v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H19.89v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H15.86v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0H9.818v.5h1.007v-.5Zm-2.014 0H7.804v.5H8.81v-.5Zm-2.015 0H5.79v.5h1.007v-.5Zm-2.014 0H3.775v.5h1.007v-.5Zm-2.014 0H1.76v.5h1.007v-.5Zm-2.014 0H.25v.5h.504v-.5Z"
-          fill="#D7D7D7"
-        />
-        <path fill="#F0D3D3" d="M2 32.5h4.556v3H2z" />
-        <path fill="#9299D3" d="M2 35.5h4.556v13H2z" />
-        <path d="M2 48.5h4.556v21H6a4 4 0 0 1-4-4v-17Z" fill="#8ED4DA" />
-        <path
-          d="M2 32.5h4.556v37H6a4 4 0 0 1-4-4v-33Z"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path fill="#F0D3D3" d="M8.376 44.5h4.556v3H8.376z" />
-        <path fill="#9299D3" d="M8.376 47.5h4.556v1H8.376z" />
-        <path fill="#8ED4DA" d="M8.376 48.5h4.556v21H8.376z" />
-        <path stroke="#000" strokeWidth=".5" d="M8.376 44.5h4.556v25H8.376z" />
-        <path fill="#F0D3D3" d="M14.751 25.5h4.556v3h-4.556z" />
-        <path fill="#8ED4DA" d="M14.751 28.5h4.556v41h-4.556z" />
-        <path
-          stroke="#000"
-          strokeWidth=".5"
-          d="M14.751 25.5h4.556v44h-4.556z"
-        />
-        <path fill="#F0D3D3" d="M21.127 30.5h4.556v5h-4.556z" />
-        <path fill="#9299D3" d="M21.127 35.5h4.556v13h-4.556z" />
-        <path fill="#8ED4DA" d="M21.127 48.5h4.556v21h-4.556z" />
-        <path
-          stroke="#000"
-          strokeWidth=".5"
-          d="M21.127 30.5h4.556v39h-4.556z"
-        />
-        <path fill="#F0D3D3" d="M27.503 35.5h4.556v1h-4.556z" />
-        <path fill="#9299D3" d="M27.503 36.5h4.556v31h-4.556z" />
-        <path fill="#8ED4DA" d="M27.503 67.5h4.556v2h-4.556z" />
-        <path
-          stroke="#000"
-          strokeWidth=".5"
-          d="M27.503 35.5h4.556v34h-4.556z"
-        />
-        <path fill="#F0D3D3" d="M33.878 30.5h4.556v5h-4.556z" />
-        <path fill="#9299D3" d="M33.878 35.5h4.556v13h-4.556z" />
-        <path fill="#8ED4DA" d="M33.878 48.5h4.556v21h-4.556z" />
-        <path
-          stroke="#000"
-          strokeWidth=".5"
-          d="M33.878 30.5h4.556v39h-4.556z"
-        />
-        <path fill="#F0D3D3" d="M40.254 57.5h4.556v5h-4.556z" />
-        <path fill="#9299D3" d="M40.254 62.5h4.556v6h-4.556z" />
-        <path fill="#8ED4DA" d="M40.254 68.5h4.556v1h-4.556z" />
-        <path
-          stroke="#000"
-          strokeWidth=".5"
-          d="M40.254 57.5h4.556v12h-4.556z"
-        />
-        <path fill="#F0D3D3" d="M46.63 4.5h4.556v35H46.63z" />
-        <path fill="#9299D3" d="M46.63 39.5h4.556v13H46.63z" />
-        <path fill="#8ED4DA" d="M46.63 52.5h4.556v17H46.63z" />
-        <path stroke="#000" strokeWidth=".5" d="M46.63 4.5h4.556v65H46.63z" />
-        <path fill="#F0D3D3" d="M53.005 66.5h4.556v1h-4.556z" />
-        <path fill="#9299D3" d="M53.005 67.5h4.556v1h-4.556z" />
-        <path fill="#8ED4DA" d="M53.005 68.5h4.556v1h-4.556z" />
-        <path stroke="#000" strokeWidth=".5" d="M53.005 66.5h4.556v3h-4.556z" />
-        <path fill="#F0D3D3" d="M59.381 65.5h4.556v2h-4.556z" />
-        <path fill="#9299D3" d="M59.381 67.5h4.556v1h-4.556z" />
-        <path fill="#8ED4DA" d="M59.381 68.5h4.556v1h-4.556z" />
-        <path stroke="#000" strokeWidth=".5" d="M59.381 65.5h4.556v4h-4.556z" />
-        <path fill="#F0D3D3" d="M65.757 30.5h4.556v5h-4.556z" />
-        <path fill="#9299D3" d="M65.757 35.5h4.556v13h-4.556z" />
-        <path
-          d="M65.757 48.5h4.555v17a4 4 0 0 1-4 4h-.555v-21Z"
-          fill="#8ED4DA"
-        />
-        <path
-          d="M65.757 30.5h4.555v35a4 4 0 0 1-4 4h-.555v-39Z"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <path
-          clipRule="evenodd"
-          d="M3.25 66.506a.157.157 0 1 0-.21.234l2.484 2.224a.157.157 0 1 0 .209-.233L3.25 66.506Zm-.009 1.551a.157.157 0 0 0-.192.248l.856.666a.157.157 0 0 0 .192-.248l-.856-.666Zm19.009-1.551a.157.157 0 1 0-.21.234l2.484 2.224a.157.157 0 1 0 .209-.233l-2.483-2.225Zm-.009 1.551a.157.157 0 0 0-.192.248l.856.666a.157.157 0 0 0 .192-.248l-.856-.666Zm25.009-1.551a.157.157 0 1 0-.21.234l2.484 2.224a.157.157 0 1 0 .209-.233l-2.483-2.225Zm-.009 1.551a.157.157 0 0 0-.192.248l.856.666a.157.157 0 0 0 .192-.248l-.856-.666Z"
-          fill="#010101"
-        />
-      </g>
-      <rect
-        x=".75"
-        y=".25"
-        width="70.5"
-        height="70.5"
-        rx="4.25"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <defs>
-        <clipPath id="a">
-          <rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0.25 0 71.25 71" width={ `${ width }px` } height={ `${ height }px` } ><g><path clipRule="evenodd" d="M1.75 70.5v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm9 69.057v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm10 68.56v.497h-.5v-.497h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.49v.497h-.5V.946h.5Zm10 69.554v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm10 68.56v.497h-.5v-.497h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.49v.497h-.5V.946h.5Zm10 69.554v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Zm10 68.56v.497h-.5v-.497h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.987v.993h-.5v-.993h.5Zm0-1.988v.994h-.5v-.994h.5Zm0-1.987v.994h-.5v-.994h.5Zm0-1.49v.497h-.5V.946h.5Zm10 69.554v-.497h-.5v.497h.5Zm0-1.49v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.993h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.988v-.993h-.5v.993h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987v-.994h-.5v.994h.5Zm0-1.987V.946h-.5v.497h.5Z" fill="#D7D7D7"/><path clipRule="evenodd" d="M70.246 60.642h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm69.996-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.19v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.16v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.09v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.06v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H33.99v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H29.96v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H19.89v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H15.86v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0H9.818v.5h1.007v-.5Zm-2.014 0H7.804v.5H8.81v-.5Zm-2.015 0H5.79v.5h1.007v-.5Zm-2.014 0H3.775v.5h1.007v-.5Zm-2.014 0H1.76v.5h1.007v-.5Zm-2.014 0H.25v.5h.504v-.5Zm69.492-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.19v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.16v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.09v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.06v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H33.99v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H29.96v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H19.89v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H15.86v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0H9.818v.5h1.007v-.5Zm-2.014 0H7.804v.5H8.81v-.5Zm-2.015 0H5.79v.5h1.007v-.5Zm-2.014 0H3.775v.5h1.007v-.5Zm-2.014 0H1.76v.5h1.007v-.5Zm-2.014 0H.25v.5h.504v-.5Zm69.492-10h.504v.5h-.504v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H62.19v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H58.16v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H48.09v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H44.06v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5H33.99v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H29.96v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.008v.5h-1.008v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H15.86v-.5Zm-2.014 0h1.007v.5h-1.007v-.5Zm-2.015 0h1.007v.5h-1.007v-.5Zm-2.014 0h1.007v.5H9.818v-.5Zm-2.014 0H8.81v.5H7.804v-.5Zm-2.015 0h1.007v.5H5.79v-.5Zm-2.014 0h1.007v.5H3.775v-.5Zm-2.014 0h1.007v.5H1.76v-.5Zm-1.511 0h.504v.5H.25v-.5Zm70.5-10h-.504v.5h.504v-.5Zm-1.51 0h-1.008v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H62.19v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H58.16v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H48.09v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H44.06v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H33.99v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H29.96v.5h1.007v-.5Zm-2.014 0h-1.008v.5h1.008v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0H19.89v.5h1.008v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.014 0H15.86v.5h1.007v-.5Zm-2.014 0h-1.007v.5h1.007v-.5Zm-2.015 0h-1.007v.5h1.007v-.5Zm-2.014 0H9.818v.5h1.007v-.5Zm-2.014 0H7.804v.5H8.81v-.5Zm-2.015 0H5.79v.5h1.007v-.5Zm-2.014 0H3.775v.5h1.007v-.5Zm-2.014 0H1.76v.5h1.007v-.5Zm-2.014 0H.25v.5h.504v-.5Z" fill="#D7D7D7"/><path fill="#F0D3D3" d="M2 32.5h4.556v3H2z"/><path fill="#9299D3" d="M2 35.5h4.556v13H2z"/><path d="M2 48.5h4.556v21H6a4 4 0 0 1-4-4v-17Z" fill="#8ED4DA"/><path d="M2 32.5h4.556v37H6a4 4 0 0 1-4-4v-33Z" stroke="#000" strokeWidth=".5"/><path fill="#F0D3D3" d="M8.376 44.5h4.556v3H8.376z"/><path fill="#9299D3" d="M8.376 47.5h4.556v1H8.376z"/><path fill="#8ED4DA" d="M8.376 48.5h4.556v21H8.376z"/><path stroke="#000" strokeWidth=".5" d="M8.376 44.5h4.556v25H8.376z"/><path fill="#F0D3D3" d="M14.751 25.5h4.556v3h-4.556z"/><path fill="#8ED4DA" d="M14.751 28.5h4.556v41h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M14.751 25.5h4.556v44h-4.556z"/><path fill="#F0D3D3" d="M21.127 30.5h4.556v5h-4.556z"/><path fill="#9299D3" d="M21.127 35.5h4.556v13h-4.556z"/><path fill="#8ED4DA" d="M21.127 48.5h4.556v21h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M21.127 30.5h4.556v39h-4.556z"/><path fill="#F0D3D3" d="M27.503 35.5h4.556v1h-4.556z"/><path fill="#9299D3" d="M27.503 36.5h4.556v31h-4.556z"/><path fill="#8ED4DA" d="M27.503 67.5h4.556v2h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M27.503 35.5h4.556v34h-4.556z"/><path fill="#F0D3D3" d="M33.878 30.5h4.556v5h-4.556z"/><path fill="#9299D3" d="M33.878 35.5h4.556v13h-4.556z"/><path fill="#8ED4DA" d="M33.878 48.5h4.556v21h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M33.878 30.5h4.556v39h-4.556z"/><path fill="#F0D3D3" d="M40.254 57.5h4.556v5h-4.556z"/><path fill="#9299D3" d="M40.254 62.5h4.556v6h-4.556z"/><path fill="#8ED4DA" d="M40.254 68.5h4.556v1h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M40.254 57.5h4.556v12h-4.556z"/><path fill="#F0D3D3" d="M46.63 4.5h4.556v35H46.63z"/><path fill="#9299D3" d="M46.63 39.5h4.556v13H46.63z"/><path fill="#8ED4DA" d="M46.63 52.5h4.556v17H46.63z"/><path stroke="#000" strokeWidth=".5" d="M46.63 4.5h4.556v65H46.63z"/><path fill="#F0D3D3" d="M53.005 66.5h4.556v1h-4.556z"/><path fill="#9299D3" d="M53.005 67.5h4.556v1h-4.556z"/><path fill="#8ED4DA" d="M53.005 68.5h4.556v1h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M53.005 66.5h4.556v3h-4.556z"/><path fill="#F0D3D3" d="M59.381 65.5h4.556v2h-4.556z"/><path fill="#9299D3" d="M59.381 67.5h4.556v1h-4.556z"/><path fill="#8ED4DA" d="M59.381 68.5h4.556v1h-4.556z"/><path stroke="#000" strokeWidth=".5" d="M59.381 65.5h4.556v4h-4.556z"/><path fill="#F0D3D3" d="M65.757 30.5h4.556v5h-4.556z"/><path fill="#9299D3" d="M65.757 35.5h4.556v13h-4.556z"/><path d="M65.757 48.5h4.555v17a4 4 0 0 1-4 4h-.555v-21Z" fill="#8ED4DA"/><path d="M65.757 30.5h4.555v35a4 4 0 0 1-4 4h-.555v-39Z" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M3.25 66.506a.157.157 0 1 0-.21.234l2.484 2.224a.157.157 0 1 0 .209-.233L3.25 66.506Zm-.009 1.551a.157.157 0 0 0-.192.248l.856.666a.157.157 0 0 0 .192-.248l-.856-.666Zm19.009-1.551a.157.157 0 1 0-.21.234l2.484 2.224a.157.157 0 1 0 .209-.233l-2.483-2.225Zm-.009 1.551a.157.157 0 0 0-.192.248l.856.666a.157.157 0 0 0 .192-.248l-.856-.666Zm25.009-1.551a.157.157 0 1 0-.21.234l2.484 2.224a.157.157 0 1 0 .209-.233l-2.483-2.225Zm-.009 1.551a.157.157 0 0 0-.192.248l.856.666a.157.157 0 0 0 .192-.248l-.856-.666Z" fill="#010101"/></g><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" stroke="#000" strokeWidth=".5"/><defs><clipPath id="a"><rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_table.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_table.tsx
index 6c2bf1041..29e8f081c 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_table.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_table.tsx
@@ -9,220 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_table(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0.46 0 71.04 71"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff" />
-        <path fill="#8ED4DA" d="M.457.422H71v9.206H.457z" />
-        <path
-          clipRule="evenodd"
-          d="M15.647 55.302V9.627h-.5v45.675h.5Zm13.9 0V9.627h-.5v45.675h.5ZM43.448 9.627v45.675h-.5V9.627h.5Zm13.9 45.675V9.627h-.5v45.675h.5Z"
-          fill="#D7D7D7"
-        />
-        <path
-          clipRule="evenodd"
-          d="M71 55.021H1.289v.5H71v-.5Zm0-14.9H1.289v.5H71v-.5Zm-69.711-14.9H71v.5H1.289v-.5ZM71 9.321H1.289v.5H71v-.5Z"
-          fill="#D7D7D7"
-        />
-        <path stroke="#000" strokeWidth=".5" d="M71 9.571.822 9.531" />
-        <rect
-          x="45.618"
-          y="33.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="45.618"
-          y="47.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="60.027"
-          y="33.47"
-          width="8.468"
-          height="1.5"
-          rx=".75"
-          fill="#8ED4DA"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <rect
-          x="60.027"
-          y="16.689"
-          width="8.468"
-          height="1.5"
-          rx=".75"
-          fill="#F0D3D3"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <rect
-          x="60.027"
-          y="47.47"
-          width="8.468"
-          height="1.5"
-          rx=".75"
-          fill="#F0D3D3"
-          stroke="#000"
-          strokeWidth=".5"
-        />
-        <rect
-          x="63.368"
-          y="2.75"
-          width="5.5"
-          height="4.78"
-          rx="2.39"
-          fill="#fff"
-          stroke="#333"
-          strokeWidth=".5"
-        />
-        <rect
-          x="3.368"
-          y="2.75"
-          width="39.468"
-          height="4.78"
-          rx="2.39"
-          fill="#fff"
-          stroke="#333"
-          strokeWidth=".5"
-        />
-        <rect
-          x="3.724"
-          y="16.439"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#9299D3"
-        />
-        <rect
-          x="17.618"
-          y="16.439"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#9299D3"
-        />
-        <rect
-          x="31.777"
-          y="16.439"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#9299D3"
-        />
-        <rect
-          x="45.618"
-          y="16.439"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#9299D3"
-        />
-        <rect
-          x="31.777"
-          y="33.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          opacity=".4"
-          x="31.777"
-          y="47.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="17.618"
-          y="33.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="17.618"
-          y="47.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="3.724"
-          y="33.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="3.724"
-          y="47.077"
-          width="8.968"
-          height="2"
-          rx="1"
-          fill="#4E4E4F"
-        />
-        <rect
-          x="13.189"
-          y="62.077"
-          width="2"
-          height="2"
-          rx="1"
-          fill="#B2B2B2"
-        />
-        <rect
-          x="17.189"
-          y="62.077"
-          width="37.91"
-          height="2"
-          rx="1"
-          fill="#B2B2B2"
-        />
-        <rect
-          x="57.099"
-          y="62.077"
-          width="2"
-          height="2"
-          rx="1"
-          fill="#B2B2B2"
-        />
-        <path
-          clipRule="evenodd"
-          d="M3.273 61.879a.157.157 0 0 0-.195.245l8.766 6.993a.157.157 0 0 0 .196-.245L3.273 61.88Zm-.22 1.712a.157.157 0 0 1 .22-.025l6.684 5.306a.157.157 0 1 1-.195.246L3.078 63.81a.157.157 0 0 1-.025-.22Zm.225 1.506a.157.157 0 1 0-.204.237l4.399 3.78a.157.157 0 1 0 .204-.238l-4.4-3.78Zm-.22 1.615a.157.157 0 0 1 .221-.014l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.535a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 1 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z"
-          fill="#010101"
-        />
-      </g>
-      <rect
-        x=".75"
-        y=".25"
-        width="70.5"
-        height="70.5"
-        rx="4.25"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <defs>
-        <clipPath id="a">
-          <rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0.46 0 71.04 71" width={ `${ width }px` } height={ `${ height }px` } ><g><rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff"/><path fill="#8ED4DA" d="M.457.422H71v9.206H.457z"/><path clipRule="evenodd" d="M15.647 55.302V9.627h-.5v45.675h.5Zm13.9 0V9.627h-.5v45.675h.5ZM43.448 9.627v45.675h-.5V9.627h.5Zm13.9 45.675V9.627h-.5v45.675h.5Z" fill="#D7D7D7"/><path clipRule="evenodd" d="M71 55.021H1.289v.5H71v-.5Zm0-14.9H1.289v.5H71v-.5Zm-69.711-14.9H71v.5H1.289v-.5ZM71 9.321H1.289v.5H71v-.5Z" fill="#D7D7D7"/><path stroke="#000" strokeWidth=".5" d="M71 9.571.822 9.531"/><rect x="45.618" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="45.618" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="60.027" y="33.47" width="8.468" height="1.5" rx=".75" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><rect x="60.027" y="16.689" width="8.468" height="1.5" rx=".75" fill="#F0D3D3" stroke="#000" strokeWidth=".5"/><rect x="60.027" y="47.47" width="8.468" height="1.5" rx=".75" fill="#F0D3D3" stroke="#000" strokeWidth=".5"/><rect x="63.368" y="2.75" width="5.5" height="4.78" rx="2.39" fill="#fff" stroke="#333" strokeWidth=".5"/><rect x="3.368" y="2.75" width="39.468" height="4.78" rx="2.39" fill="#fff" stroke="#333" strokeWidth=".5"/><rect x="3.724" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="17.618" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="31.777" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="45.618" y="16.439" width="8.968" height="2" rx="1" fill="#9299D3"/><rect x="31.777" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect opacity=".4" x="31.777" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="17.618" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="17.618" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="3.724" y="33.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="3.724" y="47.077" width="8.968" height="2" rx="1" fill="#4E4E4F"/><rect x="13.189" y="62.077" width="2" height="2" rx="1" fill="#B2B2B2"/><rect x="17.189" y="62.077" width="37.91" height="2" rx="1" fill="#B2B2B2"/><rect x="57.099" y="62.077" width="2" height="2" rx="1" fill="#B2B2B2"/><path clipRule="evenodd" d="M3.273 61.879a.157.157 0 0 0-.195.245l8.766 6.993a.157.157 0 0 0 .196-.245L3.273 61.88Zm-.22 1.712a.157.157 0 0 1 .22-.025l6.684 5.306a.157.157 0 1 1-.195.246L3.078 63.81a.157.157 0 0 1-.025-.22Zm.225 1.506a.157.157 0 1 0-.204.237l4.399 3.78a.157.157 0 1 0 .204-.238l-4.4-3.78Zm-.22 1.615a.157.157 0 0 1 .221-.014l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.535a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 1 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z" fill="#010101"/></g><rect x=".75" y=".25" width="70.5" height="70.5" rx="4.25" stroke="#000" strokeWidth=".5"/><defs><clipPath id="a"><rect x="1" y=".5" width="70" height="70" rx="4" fill="#fff"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_timeseries.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_timeseries.tsx
index 306de70e7..81ea9d191 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_timeseries.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_timeseries.tsx
@@ -9,71 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_timeseries(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0.87 0.5 70.2 70"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect x="1.25" y=".75" width="69.5" height="69.5" rx="3.75" fill="#fff" />
-      <path
-        clipRule="evenodd"
-        d="M11.5 69.996v-.506H11v.506h.5Zm0-1.518v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024V63.42H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024V47.23H11v1.012h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024V41.16H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.023v-1.012H11V36.1h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.023V24.97H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023V18.9H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023V8.782H11v1.012h.5Zm0-2.024V6.758H11V7.77h.5Zm0-2.023V4.735H11v1.011h.5Zm0-2.024V2.71H11v1.012h.5Zm0-2.024v-.506H11V1.7h.5Zm10 68.297v-.506H21v.506h.5Zm0-1.518v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024V63.42H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024V47.23H21v1.012h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024V41.16H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.023v-1.012H21V36.1h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.023V24.97H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023V18.9H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023V8.782H21v1.012h.5Zm0-2.024V6.758H21V7.77h.5Zm0-2.023V4.735H21v1.011h.5Zm0-2.024V2.71H21v1.012h.5Zm0-2.024v-.506H21V1.7h.5Zm10 67.791v.506H31v-.506h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31V63.42h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31V47.23h.5Zm0-2.023v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31V41.16h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023V36.1H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.012H31V24.97h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31V18.9h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.011h.5Zm0-2.023v1.012H31V8.782h.5Zm0-2.024V7.77H31V6.758h.5Zm0-2.023v1.011H31v-1.01h.5Zm0-2.024v1.012H31V2.71h.5Zm0-1.518V1.7H31v-.506h.5Zm10 68.803v-.506H41v.506h.5Zm0-1.518v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024V63.42H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024V47.23H41v1.012h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024V41.16H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.023v-1.012H41V36.1h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.023V24.97H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023V18.9H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023V8.782H41v1.012h.5Zm0-2.024V6.758H41V7.77h.5Zm0-2.023V4.735H41v1.011h.5Zm0-2.024V2.71H41v1.012h.5Zm0-2.024v-.506H41V1.7h.5Zm10 67.791v.506H51v-.506h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51V63.42h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51V47.23h.5Zm0-2.023v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51V41.16h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023V36.1H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.012H51V24.97h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51V18.9h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.011h.5Zm0-2.023v1.012H51V8.782h.5Zm0-2.024V7.77H51V6.758h.5Zm0-2.023v1.011H51v-1.01h.5Zm0-2.024v1.012H51V2.71h.5Zm0-1.518V1.7H51v-.506h.5Zm10 68.803v-.506H61v.506h.5Zm0-1.518v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024V63.42H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024V47.23H61v1.012h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024V41.16H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.023v-1.012H61V36.1h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.023V24.97H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023V18.9H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023V8.782H61v1.012h.5Zm0-2.024V6.758H61V7.77h.5Zm0-2.023V4.735H61v1.011h.5Zm0-2.024V2.71H61v1.012h.5Zm0-2.024v-.506H61V1.7h.5Z"
-        fill="#D7D7D7"
-      />
-      <path
-        clipRule="evenodd"
-        d="M70.093 20.89h.494v.5h-.494v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5H2.8v-.5Zm-1.484 0h.495v.5h-.495v-.5Zm69.27 40h-.493v.5h.493v-.5Zm-1.48 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H62.2v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H16.8v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.493v.5h.493v-.5Zm68.591-10h-.493v.5h.493v-.5Zm-1.48 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H62.2v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H16.8v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.493v.5h.493v-.5ZM69.97 40.87h.508v.5h-.508v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.015v.5h-1.014v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.015v.5h-1.015v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5H55.77v-.5Zm-2.029.002h1.015v.5H53.74v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.015v.5h-1.014v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.015v.5H41.57v-.5Zm-2.028.001h1.014v.5H39.54v-.5Zm-2.029 0h1.015v.5H37.51v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.015v.5h-1.014v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.014v.5h-1.014v-.5Zm-2.028 0h1.014v.5H25.34v-.5Zm-2.03.001h1.015v.5h-1.014v-.5Zm-2.028.001h1.015v.5h-1.015v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.03.001h1.015v.5h-1.014v-.5Zm-2.028 0h1.015v.5h-1.015v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5H11.14v-.5Zm-2.029.001h1.015v.5H9.11v-.5Zm-2.028 0h1.014v.5H7.082v-.5Zm-2.029.001h1.014v.5H5.054v-.5Zm-2.028 0H4.04v.5H3.025v-.5Zm-1.522.001h.507v.5h-.507v-.5Zm69.084-10h-.493v.5h.493v-.5Zm-1.48 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H62.2v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H16.8v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.493v.5h.493v-.5Zm68.591-20h-.494v.5h.494v-.5Zm-1.484 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.495v.5h.495v-.5Z"
-        fill="#D7D7D7"
-      />
-      <path
-        d="m1.873 49.665 6.16-13.17c2.274-4.865 9.304-4.52 11.092.543l2.74 7.758c1.8 5.095 8.888 5.402 11.121.482l9.547-21.031c1.788-3.94 7.033-4.75 9.925-1.531l6.573 7.312 10.967 10.068"
-        stroke="#9299D3"
-        strokeWidth="2"
-        strokeLinecap="round"
-      />
-      <path
-        d="m1.873 47.879 9.046-9.992a6 6 0 0 1 7.559-1.104l8.35 5.063 5.652 4.333a6 6 0 0 0 8.475-1.195l13.289-17.971c2.759-3.731 8.528-3.052 10.345 1.217l5.48 12.877"
-        stroke="#8ED4DA"
-        strokeWidth="2"
-        strokeLinecap="round"
-      />
-      <circle
-        cx="24.06"
-        cy="47.718"
-        r="3.75"
-        fill="#9299D3"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <circle
-        cx="43.382"
-        cy="23.984"
-        r="3.75"
-        fill="#9299D3"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <circle
-        cx="47.382"
-        cy="37.369"
-        r="3.75"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="1.25"
-        y=".75"
-        width="69.5"
-        height="69.5"
-        rx="3.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0.87 0.5 70.2 70" width={ `${ width }px` } height={ `${ height }px` } ><rect x="1.25" y=".75" width="69.5" height="69.5" rx="3.75" fill="#fff"/><path clipRule="evenodd" d="M11.5 69.996v-.506H11v.506h.5Zm0-1.518v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024V63.42H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024V47.23H11v1.012h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024V41.16H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.023v-1.012H11V36.1h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.023V24.97H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023V18.9H11v1.012h.5Zm0-2.024v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023v-1.012H11v1.012h.5Zm0-2.024v-1.011H11v1.011h.5Zm0-2.023V8.782H11v1.012h.5Zm0-2.024V6.758H11V7.77h.5Zm0-2.023V4.735H11v1.011h.5Zm0-2.024V2.71H11v1.012h.5Zm0-2.024v-.506H11V1.7h.5Zm10 68.297v-.506H21v.506h.5Zm0-1.518v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024V63.42H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024V47.23H21v1.012h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024V41.16H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.023v-1.012H21V36.1h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.023V24.97H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023V18.9H21v1.012h.5Zm0-2.024v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023v-1.012H21v1.012h.5Zm0-2.024v-1.011H21v1.011h.5Zm0-2.023V8.782H21v1.012h.5Zm0-2.024V6.758H21V7.77h.5Zm0-2.023V4.735H21v1.011h.5Zm0-2.024V2.71H21v1.012h.5Zm0-2.024v-.506H21V1.7h.5Zm10 67.791v.506H31v-.506h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31V63.42h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31V47.23h.5Zm0-2.023v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31V41.16h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023V36.1H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.012H31V24.97h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31V18.9h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.023v1.011H31v-1.011h.5Zm0-2.024v1.012H31v-1.012h.5Zm0-2.024v1.012H31v-1.011h.5Zm0-2.023v1.012H31V8.782h.5Zm0-2.024V7.77H31V6.758h.5Zm0-2.023v1.011H31v-1.01h.5Zm0-2.024v1.012H31V2.71h.5Zm0-1.518V1.7H31v-.506h.5Zm10 68.803v-.506H41v.506h.5Zm0-1.518v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024V63.42H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024V47.23H41v1.012h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024V41.16H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.023v-1.012H41V36.1h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.023V24.97H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023V18.9H41v1.012h.5Zm0-2.024v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023v-1.012H41v1.012h.5Zm0-2.024v-1.011H41v1.011h.5Zm0-2.023V8.782H41v1.012h.5Zm0-2.024V6.758H41V7.77h.5Zm0-2.023V4.735H41v1.011h.5Zm0-2.024V2.71H41v1.012h.5Zm0-2.024v-.506H41V1.7h.5Zm10 67.791v.506H51v-.506h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51V63.42h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51V47.23h.5Zm0-2.023v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51V41.16h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023V36.1H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.012H51V24.97h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51V18.9h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.023v1.011H51v-1.011h.5Zm0-2.024v1.012H51v-1.012h.5Zm0-2.024v1.012H51v-1.011h.5Zm0-2.023v1.012H51V8.782h.5Zm0-2.024V7.77H51V6.758h.5Zm0-2.023v1.011H51v-1.01h.5Zm0-2.024v1.012H51V2.71h.5Zm0-1.518V1.7H51v-.506h.5Zm10 68.803v-.506H61v.506h.5Zm0-1.518v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024V63.42H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024V47.23H61v1.012h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024V41.16H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.023v-1.012H61V36.1h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.023V24.97H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023V18.9H61v1.012h.5Zm0-2.024v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023v-1.012H61v1.012h.5Zm0-2.024v-1.011H61v1.011h.5Zm0-2.023V8.782H61v1.012h.5Zm0-2.024V6.758H61V7.77h.5Zm0-2.023V4.735H61v1.011h.5Zm0-2.024V2.71H61v1.012h.5Zm0-2.024v-.506H61V1.7h.5Z" fill="#D7D7D7"/><path clipRule="evenodd" d="M70.093 20.89h.494v.5h-.494v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.978 0h.99v.5h-.99v-.5Zm-1.98 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5h-.99v-.5Zm-1.979 0h.99v.5H2.8v-.5Zm-1.484 0h.495v.5h-.495v-.5Zm69.27 40h-.493v.5h.493v-.5Zm-1.48 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H62.2v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H16.8v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.493v.5h.493v-.5Zm68.591-10h-.493v.5h.493v-.5Zm-1.48 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H62.2v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H16.8v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.493v.5h.493v-.5ZM69.97 40.87h.508v.5h-.508v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.015v.5h-1.014v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.015v.5h-1.015v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5H55.77v-.5Zm-2.029.002h1.015v.5H53.74v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.015v.5h-1.014v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.015v.5H41.57v-.5Zm-2.028.001h1.014v.5H39.54v-.5Zm-2.029 0h1.015v.5H37.51v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.015v.5h-1.014v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.029.001h1.014v.5h-1.014v-.5Zm-2.028 0h1.014v.5H25.34v-.5Zm-2.03.001h1.015v.5h-1.014v-.5Zm-2.028.001h1.015v.5h-1.015v-.5Zm-2.028 0h1.014v.5h-1.014v-.5Zm-2.03.001h1.015v.5h-1.014v-.5Zm-2.028 0h1.015v.5h-1.015v-.5Zm-2.028.001h1.014v.5h-1.014v-.5Zm-2.029 0h1.014v.5H11.14v-.5Zm-2.029.001h1.015v.5H9.11v-.5Zm-2.028 0h1.014v.5H7.082v-.5Zm-2.029.001h1.014v.5H5.054v-.5Zm-2.028 0H4.04v.5H3.025v-.5Zm-1.522.001h.507v.5h-.507v-.5Zm69.084-10h-.493v.5h.493v-.5Zm-1.48 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H62.2v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0H16.8v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.986v.5h.986v-.5Zm-1.973 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.987v.5h.987v-.5Zm-1.974 0h-.493v.5h.493v-.5Zm68.591-20h-.494v.5h.494v-.5Zm-1.484 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.99v.5h.99v-.5Zm-1.98 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.979 0h-.99v.5h.99v-.5Zm-1.98 0h-.989v.5h.99v-.5Zm-1.978 0h-.495v.5h.495v-.5Z" fill="#D7D7D7"/><path d="m1.873 49.665 6.16-13.17c2.274-4.865 9.304-4.52 11.092.543l2.74 7.758c1.8 5.095 8.888 5.402 11.121.482l9.547-21.031c1.788-3.94 7.033-4.75 9.925-1.531l6.573 7.312 10.967 10.068" stroke="#9299D3" strokeWidth="2" strokeLinecap="round"/><path d="m1.873 47.879 9.046-9.992a6 6 0 0 1 7.559-1.104l8.35 5.063 5.652 4.333a6 6 0 0 0 8.475-1.195l13.289-17.971c2.759-3.731 8.528-3.052 10.345 1.217l5.48 12.877" stroke="#8ED4DA" strokeWidth="2" strokeLinecap="round"/><circle cx="24.06" cy="47.718" r="3.75" fill="#9299D3" stroke="#000" strokeWidth=".5"/><circle cx="43.382" cy="23.984" r="3.75" fill="#9299D3" stroke="#000" strokeWidth=".5"/><circle cx="47.382" cy="37.369" r="3.75" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><rect x="1.25" y=".75" width="69.5" height="69.5" rx="3.75" stroke="#000" strokeWidth=".5"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/db_icons_icn_card_webVitals.tsx b/frontend/app/components/ui/Icons/db_icons_icn_card_webVitals.tsx
index 2008a53d5..af3393413 100644
--- a/frontend/app/components/ui/Icons/db_icons_icn_card_webVitals.tsx
+++ b/frontend/app/components/ui/Icons/db_icons_icn_card_webVitals.tsx
@@ -9,287 +9,9 @@ interface Props {
 }
 
 function Db_icons_icn_card_webvitals(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.5 70 70"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect x=".25" y=".75" width="33.25" height="19.5" rx="1.75" fill="#fff" />
-      <path
-        clipRule="evenodd"
-        d="M1.04 18.596a.157.157 0 0 1 .22-.03l.86.652a.157.157 0 1 1-.189.25l-.86-.653a.157.157 0 0 1-.03-.22Z"
-        fill="#010101"
-      />
-      <rect
-        x="2.963"
-        y="3.5"
-        width="17.574"
-        height="3"
-        rx="1.5"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="2.963"
-        y="9"
-        width="27.574"
-        height="3"
-        rx="1.5"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="2.963"
-        y="14.5"
-        width="17.574"
-        height="3"
-        rx="1.5"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x=".25"
-        y=".75"
-        width="33.25"
-        height="19.5"
-        rx="1.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="36.5"
-        y=".75"
-        width="33.25"
-        height="19.5"
-        rx="1.75"
-        fill="#fff"
-      />
-      <path
-        d="M53.5 18.602a1.457 1.457 0 1 1 .001-2.915 1.457 1.457 0 0 1 0 2.915Z"
-        fill="#C00"
-      />
-      <path
-        clipRule="evenodd"
-        d="M67.014 20.442h.52a14.874 14.874 0 0 0-.007-.478v-.022h-.513v.5Zm.14-3.314-.487.113c-.07-.299-.15-.596-.24-.89l.48-.146c.092.305.174.613.247.923Zm-.555-1.827-.468.176a13.932 13.932 0 0 0-.353-.852l.456-.206a14.806 14.806 0 0 1 .365.882Zm-.787-1.739-.441.236a14.056 14.056 0 0 0-.462-.799l.425-.264c.168.27.327.546.478.827Zm-1.008-1.621-.407.291a14.18 14.18 0 0 0-.561-.732l.386-.317c.202.247.396.5.582.758Zm-1.212-1.476-.365.342a14.107 14.107 0 0 0-.652-.652l.342-.365a14.427 14.427 0 0 1 .675.675ZM62.2 9.16l-.317.387a14.092 14.092 0 0 0-.732-.562l.291-.406c.259.185.512.38.758.581Zm-1.552-1.112-.264.425a14.105 14.105 0 0 0-.799-.461l.236-.441c.281.15.557.31.827.477Zm-1.683-.9-.207.456a14.096 14.096 0 0 0-.852-.353l.176-.468a14.597 14.597 0 0 1 .883.365Zm-1.787-.672-.145.478a13.932 13.932 0 0 0-.891-.238l.113-.487c.31.072.618.154.923.247Zm-1.86-.434-.08.494c-.304-.05-.609-.09-.915-.12l.049-.498c.317.03.633.072.947.124Zm-1.9-.187a14.58 14.58 0 0 0-.954 0l.016.5a14.089 14.089 0 0 1 .923 0l.016-.5Zm-1.907.063.049.497c-.306.03-.611.07-.914.12l-.082-.493c.314-.051.63-.093.947-.124Zm-1.884.31.114.488c-.3.07-.597.149-.891.238l-.145-.478c.305-.093.612-.175.922-.247Zm-1.826.555.176.468a14.035 14.035 0 0 0-.852.353l-.207-.456a14.567 14.567 0 0 1 .883-.365Zm-1.74.788.236.44c-.271.146-.537.3-.798.462l-.264-.425c.27-.168.546-.327.827-.477Zm-1.62 1.008.29.406c-.25.18-.493.367-.731.562l-.317-.387a14.6 14.6 0 0 1 .758-.581Zm-1.476 1.21.342.366a14.316 14.316 0 0 0-.653.652l-.365-.342a14.72 14.72 0 0 1 .676-.675Zm-1.305 1.394.386.317a14.18 14.18 0 0 0-.561.732l-.407-.291c.186-.259.38-.511.582-.758Zm-1.112 1.552.424.264a13.44 13.44 0 0 0-.46.799l-.442-.236c.15-.28.31-.557.478-.827Zm-.9 1.684.455.206a14.063 14.063 0 0 0-.353.852l-.468-.176a14.416 14.416 0 0 1 .366-.882Zm-.673 1.786.479.146c-.09.294-.17.591-.239.89l-.487-.113c.073-.31.155-.618.247-.923Zm-.433 1.86.493.08c-.05.304-.09.61-.12.915l-.498-.049c.032-.317.073-.633.125-.947Zm27.43 2.377v-.5H64.93v.5h1.042Zm-2.085 0v-.5h-1.042v.5h1.042Zm-2.085 0v-.5H60.76v.5h1.04Zm-2.085 0v-.5h-1.042v.5h1.042Zm-2.084 0v-.5H56.59v.5h1.043Zm-2.085 0v-.5h-1.043v.5h1.043Zm-2.085 0v-.5H52.42v.5h1.043Zm-2.085 0v-.5h-1.043v.5h1.043Zm-2.085 0v-.5H48.25v.5h1.043Zm-2.085 0v-.5h-1.043v.5h1.043Zm-2.085 0v-.5H44.08v.5h1.042Zm-2.085 0v-.5h-1.042v.5h1.042Zm-2.085 0v-.5H39.91v.5h1.042Zm-2.085 0h-.521a14.874 14.874 0 0 1 .008-.478v-.022h.513v.5Zm28.473-2.378-.493.082c.05.303.09.608.12.914l.498-.049a14.602 14.602 0 0 0-.125-.947Z"
-        fill="#000"
-      />
-      <path
-        d="M63.883 15.91c.563 1.36.868 2.812.899 4.282H41.099a11.844 11.844 0 0 1 22.784-4.283Z"
-        fill="#F0D3D3"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        d="M41.099 20.192A11.843 11.843 0 0 1 56.476 9.138L52.76 20.192H41.099Z"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        d="m59.27 3.554-5.11 14.102a.556.556 0 1 1-1.046-.38l5.11-14.101a.556.556 0 1 1 1.045.38Z"
-        fill="#C00"
-      />
-      <path
-        d="M57.103 18.718c.194.47.308.968.336 1.474h-8.997a4.504 4.504 0 0 1 8.66-1.474Z"
-        fill="#C00"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="36.5"
-        y=".75"
-        width="33.25"
-        height="19.5"
-        rx="1.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x=".25"
-        y="22.75"
-        width="69.5"
-        height="25.5"
-        rx="1.75"
-        fill="#fff"
-      />
-      <path
-        clipRule="evenodd"
-        d="M1.276 45.045a.157.157 0 0 0-.205.237l2.513 2.18a.157.157 0 0 0 .205-.237l-2.513-2.18Zm-.008 1.52a.157.157 0 1 0-.189.25l.867.653a.157.157 0 0 0 .188-.25l-.866-.653Z"
-        fill="#010101"
-      />
-      <path
-        clipRule="evenodd"
-        d="M6.35 23.058v24.849h-.5V23.059h.5Zm9.5 0v24.849h-.5V23.059h.5Zm9.5 24.849V23.059h-.5v24.848h.5Zm9.5-24.848v24.848h-.5V23.059h.5Zm9.5 24.848V23.059h-.5v24.848h.5Zm9.5-24.848v24.848h-.5V23.059h.5Zm9.5 24.848V23.059h-.5v24.848h.5Z"
-        fill="#DADADA"
-      />
-      <path
-        d="m.5 34.538 1.423 7.494 10.305 4.69 10.304-14.218 4.305-5.467 16.305 10.355 10.305 5.087 10.305-16.824 5.746 11.737v9.298c0 .836-.677 1.514-1.513 1.514H1.923A1.424 1.424 0 0 1 .499 46.78V34.538Z"
-        fill="#9299D3"
-      />
-      <path
-        d="m69.72 37.639-5.73-11.884-4.43 7.036-.85-.531-10.742 7.799-21.19-12.99-9.662 13.263L2.04 33.067.874 36.562l-.411-2.055"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        d="m.618 37.093 1.305-4.091 11.597 5.82 9.013 3.713 10.304-9.074 10.305 10.192 6.284-4.298 9.326-6.84 10.61 8.02v6.353c0 .726-.59 1.315-1.316 1.315H1.618a1 1 0 0 1-1-1v-10.11Z"
-        fill="#8ED4DA"
-        fillOpacity=".7"
-      />
-      <path
-        d="m69.478 40.676-10.692-8.29L43.168 43.68 32.957 33.468l-10.332 9.13-20.543-9.49-1.261 4.024"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x=".25"
-        y="22.75"
-        width="69.5"
-        height="25.5"
-        rx="1.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x=".25"
-        y="50.75"
-        width="21.167"
-        height="19.5"
-        rx="1.75"
-        fill="#fff"
-      />
-      <g>
-        <path
-          d="M1.635 61.184H4.96l.855-2.565 1.805 5.036 1.806-6.747.76 4.276h6.086l.95-2.565.57 2.565h2.661"
-          stroke="#9299D3"
-          strokeWidth=".8"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <rect
-        x=".25"
-        y="50.75"
-        width="21.167"
-        height="19.5"
-        rx="1.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="24.417"
-        y="50.75"
-        width="21.167"
-        height="19.5"
-        rx="1.75"
-        fill="#fff"
-      />
-      <path
-        clipRule="evenodd"
-        d="M25.76 67.046a.157.157 0 0 0-.207.236l2.478 2.179a.157.157 0 0 0 .207-.236l-2.478-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 1 0 .19-.249l-.854-.652Z"
-        fill="#010101"
-      />
-      <path
-        d="m33.899 53.41-.026-.148-.148.026a7.325 7.325 0 0 0 .605 14.505 7.325 7.325 0 0 0 6.252-2.552l.097-.114-.114-.097-2.767-2.35-.114-.098-.098.115a3.393 3.393 0 1 1-3.177-5.539l.148-.026-.026-.148-.632-3.575Z"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".3"
-      />
-      <path
-        d="m40.524 65.08.117.093.094-.118a7.325 7.325 0 0 0-6.57-11.832l-.148.017.017.15.412 3.593.017.149.149-.018a3.408 3.408 0 0 1 3.056 5.505l-.093.118.117.093 2.832 2.25Z"
-        fill="#9299D3"
-        stroke="#000"
-        strokeWidth=".3"
-      />
-      <rect
-        x="24.417"
-        y="50.75"
-        width="21.167"
-        height="19.5"
-        rx="1.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="48.583"
-        y="50.75"
-        width="21.167"
-        height="19.5"
-        rx="1.75"
-        fill="#fff"
-      />
-      <path
-        clipRule="evenodd"
-        d="M49.209 68.595a.157.157 0 0 1 .22-.029l.854.653a.157.157 0 0 1-.19.249l-.855-.653a.157.157 0 0 1-.03-.22Z"
-        fill="#010101"
-      />
-      <rect
-        x="52.595"
-        y="57.968"
-        width="2.714"
-        height="9.493"
-        rx="1.25"
-        fill="#F0D3D3"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="57.809"
-        y="53.539"
-        width="2.714"
-        height="13.922"
-        rx="1.25"
-        fill="#8ED4DA"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <rect
-        x="63.024"
-        y="55.424"
-        width="2.714"
-        height="12.037"
-        rx="1.25"
-        fill="#9299D3"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        d="m58.452 66.074.044.067a.8.8 0 0 0 1.357-.033l.02-.034"
-        stroke="#010101"
-        strokeWidth=".313"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <rect
-        x="48.583"
-        y="50.75"
-        width="21.167"
-        height="19.5"
-        rx="1.75"
-        stroke="#000"
-        strokeWidth=".5"
-      />
-      <path
-        clipRule="evenodd"
-        d="M1.259 65.445a.157.157 0 0 0-.204.237l4.399 3.78a.157.157 0 0 0 .204-.238l-4.4-3.78Zm-.22 1.616a.157.157 0 0 1 .221-.015l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.534a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 0 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z"
-        fill="#010101"
-      />
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(.75 50.49)"
-            d="M0 0h20v20H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.5 70 70" width={ `${ width }px` } height={ `${ height }px` } ><rect x=".25" y=".75" width="33.25" height="19.5" rx="1.75" fill="#fff"/><path clipRule="evenodd" d="M1.04 18.596a.157.157 0 0 1 .22-.03l.86.652a.157.157 0 1 1-.189.25l-.86-.653a.157.157 0 0 1-.03-.22Z" fill="#010101"/><rect x="2.963" y="3.5" width="17.574" height="3" rx="1.5" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><rect x="2.963" y="9" width="27.574" height="3" rx="1.5" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><rect x="2.963" y="14.5" width="17.574" height="3" rx="1.5" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><rect x=".25" y=".75" width="33.25" height="19.5" rx="1.75" stroke="#000" strokeWidth=".5"/><rect x="36.5" y=".75" width="33.25" height="19.5" rx="1.75" fill="#fff"/><path d="M53.5 18.602a1.457 1.457 0 1 1 .001-2.915 1.457 1.457 0 0 1 0 2.915Z" fill="#C00"/><path clipRule="evenodd" d="M67.014 20.442h.52a14.874 14.874 0 0 0-.007-.478v-.022h-.513v.5Zm.14-3.314-.487.113c-.07-.299-.15-.596-.24-.89l.48-.146c.092.305.174.613.247.923Zm-.555-1.827-.468.176a13.932 13.932 0 0 0-.353-.852l.456-.206a14.806 14.806 0 0 1 .365.882Zm-.787-1.739-.441.236a14.056 14.056 0 0 0-.462-.799l.425-.264c.168.27.327.546.478.827Zm-1.008-1.621-.407.291a14.18 14.18 0 0 0-.561-.732l.386-.317c.202.247.396.5.582.758Zm-1.212-1.476-.365.342a14.107 14.107 0 0 0-.652-.652l.342-.365a14.427 14.427 0 0 1 .675.675ZM62.2 9.16l-.317.387a14.092 14.092 0 0 0-.732-.562l.291-.406c.259.185.512.38.758.581Zm-1.552-1.112-.264.425a14.105 14.105 0 0 0-.799-.461l.236-.441c.281.15.557.31.827.477Zm-1.683-.9-.207.456a14.096 14.096 0 0 0-.852-.353l.176-.468a14.597 14.597 0 0 1 .883.365Zm-1.787-.672-.145.478a13.932 13.932 0 0 0-.891-.238l.113-.487c.31.072.618.154.923.247Zm-1.86-.434-.08.494c-.304-.05-.609-.09-.915-.12l.049-.498c.317.03.633.072.947.124Zm-1.9-.187a14.58 14.58 0 0 0-.954 0l.016.5a14.089 14.089 0 0 1 .923 0l.016-.5Zm-1.907.063.049.497c-.306.03-.611.07-.914.12l-.082-.493c.314-.051.63-.093.947-.124Zm-1.884.31.114.488c-.3.07-.597.149-.891.238l-.145-.478c.305-.093.612-.175.922-.247Zm-1.826.555.176.468a14.035 14.035 0 0 0-.852.353l-.207-.456a14.567 14.567 0 0 1 .883-.365Zm-1.74.788.236.44c-.271.146-.537.3-.798.462l-.264-.425c.27-.168.546-.327.827-.477Zm-1.62 1.008.29.406c-.25.18-.493.367-.731.562l-.317-.387a14.6 14.6 0 0 1 .758-.581Zm-1.476 1.21.342.366a14.316 14.316 0 0 0-.653.652l-.365-.342a14.72 14.72 0 0 1 .676-.675Zm-1.305 1.394.386.317a14.18 14.18 0 0 0-.561.732l-.407-.291c.186-.259.38-.511.582-.758Zm-1.112 1.552.424.264a13.44 13.44 0 0 0-.46.799l-.442-.236c.15-.28.31-.557.478-.827Zm-.9 1.684.455.206a14.063 14.063 0 0 0-.353.852l-.468-.176a14.416 14.416 0 0 1 .366-.882Zm-.673 1.786.479.146c-.09.294-.17.591-.239.89l-.487-.113c.073-.31.155-.618.247-.923Zm-.433 1.86.493.08c-.05.304-.09.61-.12.915l-.498-.049c.032-.317.073-.633.125-.947Zm27.43 2.377v-.5H64.93v.5h1.042Zm-2.085 0v-.5h-1.042v.5h1.042Zm-2.085 0v-.5H60.76v.5h1.04Zm-2.085 0v-.5h-1.042v.5h1.042Zm-2.084 0v-.5H56.59v.5h1.043Zm-2.085 0v-.5h-1.043v.5h1.043Zm-2.085 0v-.5H52.42v.5h1.043Zm-2.085 0v-.5h-1.043v.5h1.043Zm-2.085 0v-.5H48.25v.5h1.043Zm-2.085 0v-.5h-1.043v.5h1.043Zm-2.085 0v-.5H44.08v.5h1.042Zm-2.085 0v-.5h-1.042v.5h1.042Zm-2.085 0v-.5H39.91v.5h1.042Zm-2.085 0h-.521a14.874 14.874 0 0 1 .008-.478v-.022h.513v.5Zm28.473-2.378-.493.082c.05.303.09.608.12.914l.498-.049a14.602 14.602 0 0 0-.125-.947Z" fill="#000"/><path d="M63.883 15.91c.563 1.36.868 2.812.899 4.282H41.099a11.844 11.844 0 0 1 22.784-4.283Z" fill="#F0D3D3" stroke="#000" strokeWidth=".5"/><path d="M41.099 20.192A11.843 11.843 0 0 1 56.476 9.138L52.76 20.192H41.099Z" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><path d="m59.27 3.554-5.11 14.102a.556.556 0 1 1-1.046-.38l5.11-14.101a.556.556 0 1 1 1.045.38Z" fill="#C00"/><path d="M57.103 18.718c.194.47.308.968.336 1.474h-8.997a4.504 4.504 0 0 1 8.66-1.474Z" fill="#C00" stroke="#000" strokeWidth=".5"/><rect x="36.5" y=".75" width="33.25" height="19.5" rx="1.75" stroke="#000" strokeWidth=".5"/><rect x=".25" y="22.75" width="69.5" height="25.5" rx="1.75" fill="#fff"/><path clipRule="evenodd" d="M1.276 45.045a.157.157 0 0 0-.205.237l2.513 2.18a.157.157 0 0 0 .205-.237l-2.513-2.18Zm-.008 1.52a.157.157 0 1 0-.189.25l.867.653a.157.157 0 0 0 .188-.25l-.866-.653Z" fill="#010101"/><path clipRule="evenodd" d="M6.35 23.058v24.849h-.5V23.059h.5Zm9.5 0v24.849h-.5V23.059h.5Zm9.5 24.849V23.059h-.5v24.848h.5Zm9.5-24.848v24.848h-.5V23.059h.5Zm9.5 24.848V23.059h-.5v24.848h.5Zm9.5-24.848v24.848h-.5V23.059h.5Zm9.5 24.848V23.059h-.5v24.848h.5Z" fill="#DADADA"/><path d="m.5 34.538 1.423 7.494 10.305 4.69 10.304-14.218 4.305-5.467 16.305 10.355 10.305 5.087 10.305-16.824 5.746 11.737v9.298c0 .836-.677 1.514-1.513 1.514H1.923A1.424 1.424 0 0 1 .499 46.78V34.538Z" fill="#9299D3"/><path d="m69.72 37.639-5.73-11.884-4.43 7.036-.85-.531-10.742 7.799-21.19-12.99-9.662 13.263L2.04 33.067.874 36.562l-.411-2.055" stroke="#000" strokeWidth=".5"/><path d="m.618 37.093 1.305-4.091 11.597 5.82 9.013 3.713 10.304-9.074 10.305 10.192 6.284-4.298 9.326-6.84 10.61 8.02v6.353c0 .726-.59 1.315-1.316 1.315H1.618a1 1 0 0 1-1-1v-10.11Z" fill="#8ED4DA" fillOpacity=".7"/><path d="m69.478 40.676-10.692-8.29L43.168 43.68 32.957 33.468l-10.332 9.13-20.543-9.49-1.261 4.024" stroke="#000" strokeWidth=".5"/><rect x=".25" y="22.75" width="69.5" height="25.5" rx="1.75" stroke="#000" strokeWidth=".5"/><rect x=".25" y="50.75" width="21.167" height="19.5" rx="1.75" fill="#fff"/><g><path d="M1.635 61.184H4.96l.855-2.565 1.805 5.036 1.806-6.747.76 4.276h6.086l.95-2.565.57 2.565h2.661" stroke="#9299D3" strokeWidth=".8" strokeLinecap="round" strokeLinejoin="round"/></g><rect x=".25" y="50.75" width="21.167" height="19.5" rx="1.75" stroke="#000" strokeWidth=".5"/><rect x="24.417" y="50.75" width="21.167" height="19.5" rx="1.75" fill="#fff"/><path clipRule="evenodd" d="M25.76 67.046a.157.157 0 0 0-.207.236l2.478 2.179a.157.157 0 0 0 .207-.236l-2.478-2.179Zm-.008 1.52a.157.157 0 1 0-.19.249l.854.652a.157.157 0 1 0 .19-.249l-.854-.652Z" fill="#010101"/><path d="m33.899 53.41-.026-.148-.148.026a7.325 7.325 0 0 0 .605 14.505 7.325 7.325 0 0 0 6.252-2.552l.097-.114-.114-.097-2.767-2.35-.114-.098-.098.115a3.393 3.393 0 1 1-3.177-5.539l.148-.026-.026-.148-.632-3.575Z" fill="#8ED4DA" stroke="#000" strokeWidth=".3"/><path d="m40.524 65.08.117.093.094-.118a7.325 7.325 0 0 0-6.57-11.832l-.148.017.017.15.412 3.593.017.149.149-.018a3.408 3.408 0 0 1 3.056 5.505l-.093.118.117.093 2.832 2.25Z" fill="#9299D3" stroke="#000" strokeWidth=".3"/><rect x="24.417" y="50.75" width="21.167" height="19.5" rx="1.75" stroke="#000" strokeWidth=".5"/><rect x="48.583" y="50.75" width="21.167" height="19.5" rx="1.75" fill="#fff"/><path clipRule="evenodd" d="M49.209 68.595a.157.157 0 0 1 .22-.029l.854.653a.157.157 0 0 1-.19.249l-.855-.653a.157.157 0 0 1-.03-.22Z" fill="#010101"/><rect x="52.595" y="57.968" width="2.714" height="9.493" rx="1.25" fill="#F0D3D3" stroke="#000" strokeWidth=".5"/><rect x="57.809" y="53.539" width="2.714" height="13.922" rx="1.25" fill="#8ED4DA" stroke="#000" strokeWidth=".5"/><rect x="63.024" y="55.424" width="2.714" height="12.037" rx="1.25" fill="#9299D3" stroke="#000" strokeWidth=".5"/><path d="m58.452 66.074.044.067a.8.8 0 0 0 1.357-.033l.02-.034" stroke="#010101" strokeWidth=".313" strokeLinecap="round" strokeLinejoin="round"/><rect x="48.583" y="50.75" width="21.167" height="19.5" rx="1.75" stroke="#000" strokeWidth=".5"/><path clipRule="evenodd" d="M1.259 65.445a.157.157 0 0 0-.204.237l4.399 3.78a.157.157 0 0 0 .204-.238l-4.4-3.78Zm-.22 1.616a.157.157 0 0 1 .221-.015l2.477 2.18a.157.157 0 0 1-.207.235l-2.477-2.18a.157.157 0 0 1-.014-.22Zm-.007 1.534a.157.157 0 0 1 .22-.03l.854.653a.157.157 0 0 1-.19.25l-.854-.653a.157.157 0 0 1-.03-.22Z" fill="#010101"/><defs><clipPath id="a"><path fill="#fff" transform="translate(.75 50.49)" d="M0 0h20v20H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/desktop.tsx b/frontend/app/components/ui/Icons/desktop.tsx
index 84e6e0672..0f068ef80 100644
--- a/frontend/app/components/ui/Icons/desktop.tsx
+++ b/frontend/app/components/ui/Icons/desktop.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Desktop(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75c.167-.333.25-.833.25-1.5H2s-2 0-2-2V4zm1.398-.855a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3H2c-.325 0-.502.078-.602.145z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75c.167-.333.25-.833.25-1.5H2s-2 0-2-2V4zm1.398-.855a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3H2c-.325 0-.502.078-.602.145z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/device.tsx b/frontend/app/components/ui/Icons/device.tsx
index 1d4f325f9..b8aba6632 100644
--- a/frontend/app/components/ui/Icons/device.tsx
+++ b/frontend/app/components/ui/Icons/device.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Device(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 1000 1000" width={`${width}px`} height={`${height}px`}>
-      <path d="M702.5 826.7H598V722.1h107.8v-68.6H78.6V157h816.7v277.7h55.5c3.3 0 9.8 0 13.1 3.3V134.1c0-26.1-19.6-45.7-45.7-45.7H55.7C29.6 88.4 10 108 10 134.1v542.3c0 26.1 19.6 45.7 45.7 45.7h323.4v104.5H255c-22.9 0-42.5 19.6-42.5 42.5s19.6 42.5 42.5 42.5h460.6c-6.5-9.8-9.8-19.6-9.8-29.4v-55.5h-3.3z" />
-      <path d="M960.6 457.5H767.9c-16.3 0-29.4 13.1-29.4 29.4v392c0 16.3 13.1 29.4 29.4 29.4h192.7c16.3 0 29.4-13.1 29.4-29.4v-392c0-13-13.1-29.4-29.4-29.4zm-98 434.5c-6.5 0-13.1-6.5-13.1-13.1s6.5-13.1 13.1-13.1c6.5 0 13.1 6.5 13.1 13.1s-6.6 13.1-13.1 13.1zm107.8-42.5H754.8V522.9h215.6v326.6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 1000 1000"  width={ `${ width }px` } height={ `${ height }px` } ><path d="M702.5 826.7H598V722.1h107.8v-68.6H78.6V157h816.7v277.7h55.5c3.3 0 9.8 0 13.1 3.3V134.1c0-26.1-19.6-45.7-45.7-45.7H55.7C29.6 88.4 10 108 10 134.1v542.3c0 26.1 19.6 45.7 45.7 45.7h323.4v104.5H255c-22.9 0-42.5 19.6-42.5 42.5s19.6 42.5 42.5 42.5h460.6c-6.5-9.8-9.8-19.6-9.8-29.4v-55.5h-3.3z"/><path d="M960.6 457.5H767.9c-16.3 0-29.4 13.1-29.4 29.4v392c0 16.3 13.1 29.4 29.4 29.4h192.7c16.3 0 29.4-13.1 29.4-29.4v-392c0-13-13.1-29.4-29.4-29.4zm-98 434.5c-6.5 0-13.1-6.5-13.1-13.1s6.5-13.1 13.1-13.1c6.5 0 13.1 6.5 13.1 13.1s-6.6 13.1-13.1 13.1zm107.8-42.5H754.8V522.9h215.6v326.6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/diagram_3.tsx b/frontend/app/components/ui/Icons/diagram_3.tsx
index a2fcd1dcf..74154f259 100644
--- a/frontend/app/components/ui/Icons/diagram_3.tsx
+++ b/frontend/app/components/ui/Icons/diagram_3.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Diagram_3(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/dizzy.tsx b/frontend/app/components/ui/Icons/dizzy.tsx
index a242f9a46..b2f765bda 100644
--- a/frontend/app/components/ui/Icons/dizzy.tsx
+++ b/frontend/app/components/ui/Icons/dizzy.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Dizzy(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 496 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 464c-119.1 0-216-96.9-216-216S128.9 40 248 40s216 96.9 216 216-96.9 216-216 216zm0-184c-35.3 0-64 28.7-64 64s28.7 64 64 64 64-28.7 64-64-28.7-64-64-64zm0 96c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm-28.7-140.7c6.2-6.2 6.2-16.4 0-22.6L190.6 192l28.7-28.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L168 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.3 16.4 6.3 22.6 0zm160-102.6c-6.2-6.2-16.4-6.2-22.6 0L328 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.2 16.4 6.3 22.6 0 6.2-6.2 6.2-16.4 0-22.6L350.6 192l28.7-28.7c6.3-6.2 6.3-16.4 0-22.6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 496 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 464c-119.1 0-216-96.9-216-216S128.9 40 248 40s216 96.9 216 216-96.9 216-216 216zm0-184c-35.3 0-64 28.7-64 64s28.7 64 64 64 64-28.7 64-64-28.7-64-64-64zm0 96c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm-28.7-140.7c6.2-6.2 6.2-16.4 0-22.6L190.6 192l28.7-28.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L168 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.3 16.4 6.3 22.6 0zm160-102.6c-6.2-6.2-16.4-6.2-22.6 0L328 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.2 16.4 6.3 22.6 0 6.2-6.2 6.2-16.4 0-22.6L350.6 192l28.7-28.7c6.3-6.2 6.3-16.4 0-22.6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/door_closed.tsx b/frontend/app/components/ui/Icons/door_closed.tsx
index 702ecb6e8..25fc45ea4 100644
--- a/frontend/app/components/ui/Icons/door_closed.tsx
+++ b/frontend/app/components/ui/Icons/door_closed.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Door_closed(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z" />
-      <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z"/><path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/download.tsx b/frontend/app/components/ui/Icons/download.tsx
index db594ca5d..ba2cbae03 100644
--- a/frontend/app/components/ui/Icons/download.tsx
+++ b/frontend/app/components/ui/Icons/download.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Download(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z" />
-      <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z"/><path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/drag.tsx b/frontend/app/components/ui/Icons/drag.tsx
index e6aff0ea5..1fe43a762 100644
--- a/frontend/app/components/ui/Icons/drag.tsx
+++ b/frontend/app/components/ui/Icons/drag.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Drag(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 26 26" width={`${width}px`} height={`${height}px`}>
-      <path d="M13 0 9 4h8ZM0 7v2h26V7Zm0 5v2h26v-2Zm0 5v2h26v-2Zm9 5 4 4 4-4Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 26 26" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13 0 9 4h8ZM0 7v2h26V7Zm0 5v2h26v-2Zm0 5v2h26v-2Zm9 5 4 4 4-4Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/edit.tsx b/frontend/app/components/ui/Icons/edit.tsx
index aac25fd69..c01458b53 100644
--- a/frontend/app/components/ui/Icons/edit.tsx
+++ b/frontend/app/components/ui/Icons/edit.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Edit(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/ellipsis_v.tsx b/frontend/app/components/ui/Icons/ellipsis_v.tsx
index 55f4223dd..b0fb27315 100644
--- a/frontend/app/components/ui/Icons/ellipsis_v.tsx
+++ b/frontend/app/components/ui/Icons/ellipsis_v.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Ellipsis_v(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/emoji_dizzy.tsx b/frontend/app/components/ui/Icons/emoji_dizzy.tsx
index ebdca6bf2..6a8adf313 100644
--- a/frontend/app/components/ui/Icons/emoji_dizzy.tsx
+++ b/frontend/app/components/ui/Icons/emoji_dizzy.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Emoji_dizzy(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
-      <path d="M9.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708m-5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zM10 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M9.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708m-5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zM10 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/enter.tsx b/frontend/app/components/ui/Icons/enter.tsx
index 7c75569a2..a0b1f24f4 100644
--- a/frontend/app/components/ui/Icons/enter.tsx
+++ b/frontend/app/components/ui/Icons/enter.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Enter(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 484.5 484.5" width={`${width}px`} height={`${height}px`}>
-      <path d="M433.5 114.75v102H96.9l91.8-91.8-35.7-35.7-153 153 153 153 35.7-35.7-91.8-91.8h387.6v-153z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 484.5 484.5"  width={ `${ width }px` } height={ `${ height }px` } ><path d="M433.5 114.75v102H96.9l91.8-91.8-35.7-35.7-153 153 153 153 35.7-35.7-91.8-91.8h387.6v-153z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/envelope.tsx b/frontend/app/components/ui/Icons/envelope.tsx
index 60a494f4b..2beb3de21 100644
--- a/frontend/app/components/ui/Icons/envelope.tsx
+++ b/frontend/app/components/ui/Icons/envelope.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Envelope(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/envelope_check.tsx b/frontend/app/components/ui/Icons/envelope_check.tsx
index c3eb3eae1..da9ec153e 100644
--- a/frontend/app/components/ui/Icons/envelope_check.tsx
+++ b/frontend/app/components/ui/Icons/envelope_check.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Envelope_check(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z" />
-      <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/><path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/envelope_paper.tsx b/frontend/app/components/ui/Icons/envelope_paper.tsx
index b2bfbeeae..1d15bb107 100644
--- a/frontend/app/components/ui/Icons/envelope_paper.tsx
+++ b/frontend/app/components/ui/Icons/envelope_paper.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Envelope_paper(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="currentColor"
-      viewBox="0 0 16 16"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M4 0a2 2 0 0 0-2 2v1.133l-.941.502A2 2 0 0 0 0 5.4V14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5.4a2 2 0 0 0-1.059-1.765L14 3.133V2a2 2 0 0 0-2-2H4Zm10 4.267.47.25A1 1 0 0 1 15 5.4v.817l-1 .6v-2.55Zm-1 3.15-3.75 2.25L8 8.917l-1.25.75L3 7.417V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v5.417Zm-11-.6-1-.6V5.4a1 1 0 0 1 .53-.882L2 4.267v2.55Zm13 .566v5.734l-4.778-2.867L15 7.383Zm-.035 6.88A1 1 0 0 1 14 15H2a1 1 0 0 1-.965-.738L8 10.083l6.965 4.18ZM1 13.116V7.383l4.778 2.867L1 13.117Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="currentColor" viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 0a2 2 0 0 0-2 2v1.133l-.941.502A2 2 0 0 0 0 5.4V14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5.4a2 2 0 0 0-1.059-1.765L14 3.133V2a2 2 0 0 0-2-2H4Zm10 4.267.47.25A1 1 0 0 1 15 5.4v.817l-1 .6v-2.55Zm-1 3.15-3.75 2.25L8 8.917l-1.25.75L3 7.417V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v5.417Zm-11-.6-1-.6V5.4a1 1 0 0 1 .53-.882L2 4.267v2.55Zm13 .566v5.734l-4.778-2.867L15 7.383Zm-.035 6.88A1 1 0 0 1 14 15H2a1 1 0 0 1-.965-.738L8 10.083l6.965 4.18ZM1 13.116V7.383l4.778 2.867L1 13.117Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/envelope_x.tsx b/frontend/app/components/ui/Icons/envelope_x.tsx
index a9f1e37b2..8e301deca 100644
--- a/frontend/app/components/ui/Icons/envelope_x.tsx
+++ b/frontend/app/components/ui/Icons/envelope_x.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Envelope_x(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z" />
-      <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/><path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/errors_icon.tsx b/frontend/app/components/ui/Icons/errors_icon.tsx
index cc2475d6c..7873dfdf5 100644
--- a/frontend/app/components/ui/Icons/errors_icon.tsx
+++ b/frontend/app/components/ui/Icons/errors_icon.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Errors_icon(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_click.tsx b/frontend/app/components/ui/Icons/event_click.tsx
index 81ed566a4..afa413b6a 100644
--- a/frontend/app/components/ui/Icons/event_click.tsx
+++ b/frontend/app/components/ui/Icons/event_click.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Event_click(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_click_hesitation.tsx b/frontend/app/components/ui/Icons/event_click_hesitation.tsx
index fd21172ee..5c0b69a9f 100644
--- a/frontend/app/components/ui/Icons/event_click_hesitation.tsx
+++ b/frontend/app/components/ui/Icons/event_click_hesitation.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Event_click_hesitation(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 33 34" width={`${width}px`} height={`${height}px`}>
-      <path fill="transparent" d="M1 1.5h32v32H1z" />
-      <path fill="transparent" d="M.64 5.683h27.635v27.634H.64z" />
-      <path
-        d="M12.297 7.41a1.295 1.295 0 0 1 1.296 1.296V19.5a.863.863 0 1 0 1.727 0v-4.375l.148-.007c.548-.02 1.1-.014 1.41.047.231.046.507.166.773.314.133.073.26.254.26.543V19.5a.864.864 0 0 0 1.727 0v-2.703a8.64 8.64 0 0 1 .183-.017c.545-.042 1.008-.018 1.222.069.204.08.519.357.84.742.14.166.259.329.345.448v2.324a.863.863 0 1 0 1.727 0v-1.727h.591a1.727 1.727 0 0 1 1.718 1.9l-.468 4.69a4.318 4.318 0 0 1-.547 1.71l-2.41 4.218a.863.863 0 0 1-.749.436H11.063a.864.864 0 0 1-.719-.386L7.87 27.491a2.591 2.591 0 0 1-.42-1.15l-.595-5.363a.864.864 0 0 1 .689-.943l1.732-.345v1.537a.864.864 0 0 0 1.727 0V8.706a1.295 1.295 0 0 1 1.295-1.296Zm3.023 5.986v-4.69a3.022 3.022 0 1 0-6.045 0v9.222l-2.073.415a2.591 2.591 0 0 0-2.065 2.825l.596 5.365c.076.685.316 1.343.7 1.917l2.474 3.713a2.59 2.59 0 0 0 2.155 1.154H22.09a2.591 2.591 0 0 0 2.249-1.306l2.409-4.216a6.046 6.046 0 0 0 .767-2.399l.468-4.689a3.454 3.454 0 0 0-3.437-3.798h-1.003a8.85 8.85 0 0 0-.337-.428c-.33-.396-.881-.981-1.52-1.237-.629-.252-1.461-.228-2-.186l-.228.02a2.176 2.176 0 0 0-.967-1.108 4.55 4.55 0 0 0-1.275-.498c-.535-.107-1.276-.1-1.813-.08l-.083.004Z"
-        fillOpacity=".54"
-      />
-      <path fill="transparent" d="M15 .683h14v14H15z" />
-      <path
-        d="m23.717 6.894-.003.004-.524.535c-.218.22-.432.458-.583.777-.103.22-.17.461-.202.743h-.31c.036-.462.24-.881.551-1.197l.721-.733c.297-.291.473-.694.473-1.132 0-.883-.721-1.604-1.604-1.604-.732 0-1.352.495-1.544 1.166h-.302a1.896 1.896 0 0 1 3.741.438c0 .393-.16.75-.414 1.003ZM22.236 1.37a6.273 6.273 0 0 0-6.271 6.271c0 3.462 2.81 6.27 6.27 6.27 3.462 0 6.271-2.808 6.271-6.27 0-3.462-2.809-6.27-6.27-6.27Zm-.146 9.917v-.292h.291v.292h-.291Z"
-        fillOpacity=".87"
-        stroke="#fff"
-        strokeWidth=".875"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 33 34" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M1 1.5h32v32H1z"/><path fill="transparent" d="M.64 5.683h27.635v27.634H.64z"/><path d="M12.297 7.41a1.295 1.295 0 0 1 1.296 1.296V19.5a.863.863 0 1 0 1.727 0v-4.375l.148-.007c.548-.02 1.1-.014 1.41.047.231.046.507.166.773.314.133.073.26.254.26.543V19.5a.864.864 0 0 0 1.727 0v-2.703a8.64 8.64 0 0 1 .183-.017c.545-.042 1.008-.018 1.222.069.204.08.519.357.84.742.14.166.259.329.345.448v2.324a.863.863 0 1 0 1.727 0v-1.727h.591a1.727 1.727 0 0 1 1.718 1.9l-.468 4.69a4.318 4.318 0 0 1-.547 1.71l-2.41 4.218a.863.863 0 0 1-.749.436H11.063a.864.864 0 0 1-.719-.386L7.87 27.491a2.591 2.591 0 0 1-.42-1.15l-.595-5.363a.864.864 0 0 1 .689-.943l1.732-.345v1.537a.864.864 0 0 0 1.727 0V8.706a1.295 1.295 0 0 1 1.295-1.296Zm3.023 5.986v-4.69a3.022 3.022 0 1 0-6.045 0v9.222l-2.073.415a2.591 2.591 0 0 0-2.065 2.825l.596 5.365c.076.685.316 1.343.7 1.917l2.474 3.713a2.59 2.59 0 0 0 2.155 1.154H22.09a2.591 2.591 0 0 0 2.249-1.306l2.409-4.216a6.046 6.046 0 0 0 .767-2.399l.468-4.689a3.454 3.454 0 0 0-3.437-3.798h-1.003a8.85 8.85 0 0 0-.337-.428c-.33-.396-.881-.981-1.52-1.237-.629-.252-1.461-.228-2-.186l-.228.02a2.176 2.176 0 0 0-.967-1.108 4.55 4.55 0 0 0-1.275-.498c-.535-.107-1.276-.1-1.813-.08l-.083.004Z" fillOpacity=".54"/><path fill="transparent" d="M15 .683h14v14H15z"/><path d="m23.717 6.894-.003.004-.524.535c-.218.22-.432.458-.583.777-.103.22-.17.461-.202.743h-.31c.036-.462.24-.881.551-1.197l.721-.733c.297-.291.473-.694.473-1.132 0-.883-.721-1.604-1.604-1.604-.732 0-1.352.495-1.544 1.166h-.302a1.896 1.896 0 0 1 3.741.438c0 .393-.16.75-.414 1.003ZM22.236 1.37a6.273 6.273 0 0 0-6.271 6.271c0 3.462 2.81 6.27 6.27 6.27 3.462 0 6.271-2.808 6.271-6.27 0-3.462-2.809-6.27-6.27-6.27Zm-.146 9.917v-.292h.291v.292h-.291Z" fillOpacity=".87" stroke="#fff" strokeWidth=".875"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_clickrage.tsx b/frontend/app/components/ui/Icons/event_clickrage.tsx
index 588c18c96..867e768c2 100644
--- a/frontend/app/components/ui/Icons/event_clickrage.tsx
+++ b/frontend/app/components/ui/Icons/event_clickrage.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Event_clickrage(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_code.tsx b/frontend/app/components/ui/Icons/event_code.tsx
index e4a621d30..31a8f869d 100644
--- a/frontend/app/components/ui/Icons/event_code.tsx
+++ b/frontend/app/components/ui/Icons/event_code.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Event_code(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_i_cursor.tsx b/frontend/app/components/ui/Icons/event_i_cursor.tsx
index 1bc251109..f76bb0351 100644
--- a/frontend/app/components/ui/Icons/event_i_cursor.tsx
+++ b/frontend/app/components/ui/Icons/event_i_cursor.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Event_i_cursor(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 192 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M96 38.223C75.091 13.528 39.824 1.336 6.191.005 2.805-.129 0 2.617 0 6.006v20.013c0 3.191 2.498 5.847 5.686 5.989C46.519 33.825 80 55.127 80 80v160H38a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h42v160c0 24.873-33.481 46.175-74.314 47.992-3.188.141-5.686 2.797-5.686 5.989v20.013c0 3.389 2.806 6.135 6.192 6.002C40.03 510.658 75.193 498.351 96 473.777c20.909 24.695 56.176 36.887 89.809 38.218 3.386.134 6.191-2.612 6.191-6.001v-20.013c0-3.191-2.498-5.847-5.686-5.989C145.481 478.175 112 456.873 112 432V272h42a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6h-42V80c0-24.873 33.481-46.175 74.314-47.992 3.188-.142 5.686-2.798 5.686-5.989V6.006c0-3.389-2.806-6.135-6.192-6.002C151.97 1.342 116.807 13.648 96 38.223z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 192 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M96 38.223C75.091 13.528 39.824 1.336 6.191.005 2.805-.129 0 2.617 0 6.006v20.013c0 3.191 2.498 5.847 5.686 5.989C46.519 33.825 80 55.127 80 80v160H38a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h42v160c0 24.873-33.481 46.175-74.314 47.992-3.188.141-5.686 2.797-5.686 5.989v20.013c0 3.389 2.806 6.135 6.192 6.002C40.03 510.658 75.193 498.351 96 473.777c20.909 24.695 56.176 36.887 89.809 38.218 3.386.134 6.191-2.612 6.191-6.001v-20.013c0-3.191-2.498-5.847-5.686-5.989C145.481 478.175 112 456.873 112 432V272h42a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6h-42V80c0-24.873 33.481-46.175 74.314-47.992 3.188-.142 5.686-2.798 5.686-5.989V6.006c0-3.389-2.806-6.135-6.192-6.002C151.97 1.342 116.807 13.648 96 38.223z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_input.tsx b/frontend/app/components/ui/Icons/event_input.tsx
index 322da2f54..1cf92821c 100644
--- a/frontend/app/components/ui/Icons/event_input.tsx
+++ b/frontend/app/components/ui/Icons/event_input.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Event_input(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2z" />
-      <path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2z"/><path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_input_hesitation.tsx b/frontend/app/components/ui/Icons/event_input_hesitation.tsx
index a54d935e9..2c3c0814a 100644
--- a/frontend/app/components/ui/Icons/event_input_hesitation.tsx
+++ b/frontend/app/components/ui/Icons/event_input_hesitation.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Event_input_hesitation(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path fill="transparent" d="M0 0h32v32H0z" />
-      <path fill="transparent" d="M-.34-.647h32.155v32.155H-.34z" />
-      <path
-        d="M27.796 9.401a2.01 2.01 0 0 1 2.01 2.01v10.048a2.01 2.01 0 0 1-2.01 2.01H3.68a2.01 2.01 0 0 1-2.01-2.01V11.411A2.01 2.01 0 0 1 3.68 9.4h24.116ZM3.68 7.391a4.02 4.02 0 0 0-4.02 4.02v10.048a4.02 4.02 0 0 0 4.02 4.02h24.116a4.02 4.02 0 0 0 4.02-4.02V11.411a4.02 4.02 0 0 0-4.02-4.02H3.68Z"
-        fillOpacity=".54"
-      />
-      <path d="M25.786 19.952a.503.503 0 0 1 .503-.503h1.005a.503.503 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502h-1.005a.503.503 0 0 1-.503-.502v-1.005Zm0-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503h-1.005a.502.502 0 0 1-.503-.503v-1.005Zm-10.048 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H16.24a.502.502 0 0 1-.502-.503v-1.005Zm4.02 0a.502.502 0 0 1 .502-.502h3.014a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H20.26a.502.502 0 0 1-.503-.503v-1.005Zm2.009 4.02a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H22.27a.503.503 0 0 1-.502-.502v-1.005Zm-10.049-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H12.22a.502.502 0 0 1-.503-.503v-1.005Zm-4.019 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.503H8.201a.502.502 0 0 1-.502-.503v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H4.182a.502.502 0 0 1-.502-.503v-1.005Zm22.107-4.019a.503.503 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H22.27a.502.502 0 0 1-.502-.502v-1.005Zm-4.018 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.503.503 0 0 1-.502.502H18.25a.503.503 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.502H14.23a.502.502 0 0 1-.502-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.502-.502v-1.005Zm-6.028 0a.502.502 0 0 1 .502-.502h3.015a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H4.182a.502.502 0 0 1-.502-.502v-1.005Zm0 8.039a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H4.182a.503.503 0 0 1-.502-.502v-1.005Zm4.02 0a.503.503 0 0 1 .501-.503h11.054a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H8.2a.503.503 0 0 1-.502-.502v-1.005Z" />
-      <path fill="transparent" d="M7.738.063h16v16h-16z" />
-      <path
-        d="m17.432 7.21-.004.004-.598.612h-.001c-.248.252-.493.523-.666.888-.118.25-.194.527-.23.85h-.354c.04-.53.273-1.008.63-1.37l.823-.836c.34-.333.54-.794.54-1.295 0-1.01-.824-1.833-1.833-1.833-.836 0-1.545.565-1.764 1.333h-.345a2.167 2.167 0 0 1 4.276.5c0 .45-.184.857-.474 1.147ZM15.739.897a7.17 7.17 0 0 0-7.167 7.166 7.17 7.17 0 0 0 7.167 7.167 7.17 7.17 0 0 0 7.167-7.167A7.17 7.17 0 0 0 15.739.897Zm-.167 11.333v-.333h.334v.333h-.334Z"
-        fillOpacity=".87"
-        stroke="#fff"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><path fill="transparent" d="M-.34-.647h32.155v32.155H-.34z"/><path d="M27.796 9.401a2.01 2.01 0 0 1 2.01 2.01v10.048a2.01 2.01 0 0 1-2.01 2.01H3.68a2.01 2.01 0 0 1-2.01-2.01V11.411A2.01 2.01 0 0 1 3.68 9.4h24.116ZM3.68 7.391a4.02 4.02 0 0 0-4.02 4.02v10.048a4.02 4.02 0 0 0 4.02 4.02h24.116a4.02 4.02 0 0 0 4.02-4.02V11.411a4.02 4.02 0 0 0-4.02-4.02H3.68Z" fillOpacity=".54"/><path d="M25.786 19.952a.503.503 0 0 1 .503-.503h1.005a.503.503 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502h-1.005a.503.503 0 0 1-.503-.502v-1.005Zm0-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503h-1.005a.502.502 0 0 1-.503-.503v-1.005Zm-10.048 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H16.24a.502.502 0 0 1-.502-.503v-1.005Zm4.02 0a.502.502 0 0 1 .502-.502h3.014a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H20.26a.502.502 0 0 1-.503-.503v-1.005Zm2.009 4.02a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H22.27a.503.503 0 0 1-.502-.502v-1.005Zm-10.049-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H12.22a.502.502 0 0 1-.503-.503v-1.005Zm-4.019 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.503H8.201a.502.502 0 0 1-.502-.503v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H4.182a.502.502 0 0 1-.502-.503v-1.005Zm22.107-4.019a.503.503 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H22.27a.502.502 0 0 1-.502-.502v-1.005Zm-4.018 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.503.503 0 0 1-.502.502H18.25a.503.503 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.502H14.23a.502.502 0 0 1-.502-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.502-.502v-1.005Zm-6.028 0a.502.502 0 0 1 .502-.502h3.015a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H4.182a.502.502 0 0 1-.502-.502v-1.005Zm0 8.039a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H4.182a.503.503 0 0 1-.502-.502v-1.005Zm4.02 0a.503.503 0 0 1 .501-.503h11.054a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H8.2a.503.503 0 0 1-.502-.502v-1.005Z"/><path fill="transparent" d="M7.738.063h16v16h-16z"/><path d="m17.432 7.21-.004.004-.598.612h-.001c-.248.252-.493.523-.666.888-.118.25-.194.527-.23.85h-.354c.04-.53.273-1.008.63-1.37l.823-.836c.34-.333.54-.794.54-1.295 0-1.01-.824-1.833-1.833-1.833-.836 0-1.545.565-1.764 1.333h-.345a2.167 2.167 0 0 1 4.276.5c0 .45-.184.857-.474 1.147ZM15.739.897a7.17 7.17 0 0 0-7.167 7.166 7.17 7.17 0 0 0 7.167 7.167 7.17 7.17 0 0 0 7.167-7.167A7.17 7.17 0 0 0 15.739.897Zm-.167 11.333v-.333h.334v.333h-.334Z" fillOpacity=".87" stroke="#fff"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_link.tsx b/frontend/app/components/ui/Icons/event_link.tsx
index b5e620c7e..ffdb7355d 100644
--- a/frontend/app/components/ui/Icons/event_link.tsx
+++ b/frontend/app/components/ui/Icons/event_link.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Event_link(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
-      <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_location.tsx b/frontend/app/components/ui/Icons/event_location.tsx
index a7c3490c7..23ed75944 100644
--- a/frontend/app/components/ui/Icons/event_location.tsx
+++ b/frontend/app/components/ui/Icons/event_location.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Event_location(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_mouse_thrashing.tsx b/frontend/app/components/ui/Icons/event_mouse_thrashing.tsx
index 823d6036a..afd23c973 100644
--- a/frontend/app/components/ui/Icons/event_mouse_thrashing.tsx
+++ b/frontend/app/components/ui/Icons/event_mouse_thrashing.tsx
@@ -9,37 +9,9 @@ interface Props {
 }
 
 function Event_mouse_thrashing(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 32 32"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path fill="transparent" d="M0 0h32v32H0z" />
-      <g opacity=".5">
-        <path
-          fill="transparent"
-          d="M15.225-3.633 37.32 6.27l-9.903 22.096L5.32 18.463z"
-        />
-        <path
-          d="m18.722 2.844 10.6 10.955a1.045 1.045 0 0 1-.706 1.77l-4.363.184-.512.021.182.48 2.151 5.648a1.046 1.046 0 0 1-1.954.746L21.97 17l-.182-.48-.398.325-3.379 2.765a1.046 1.046 0 0 1-1.707-.851l.622-15.231a1.046 1.046 0 0 1 1.796-.685Z"
-          stroke="#000"
-          strokeWidth=".74"
-        />
-      </g>
-      <path
-        clipRule="evenodd"
-        d="M8.25 5.522A1.913 1.913 0 0 0 5.761 8.01l7.653 19.132a1.913 1.913 0 0 0 3.487.143l2.64-5.278 5.774 5.777a1.913 1.913 0 1 0 2.705-2.707L22.245 19.3l5.28-2.639a1.914 1.914 0 0 0-.145-3.485L8.25 5.522Z"
-      />
-      <path
-        d="M3.838 12.892a1.153 1.153 0 0 0-1.126 1.796l9.578 13.815a1.153 1.153 0 0 0 2.068-.386l1.135-4.68.134-.55.48.301 5.645 3.54L3.838 12.892Zm0 0 16.608 2.592-16.608-2.592Zm19.138 11.88-5.648-3.539-.48-.3.438-.36 3.716-3.061a1.152 1.152 0 0 0-.555-2.028l2.529 9.289Zm0 0a1.153 1.153 0 0 1-1.224 1.956l1.224-1.955Z"
-        stroke="#000"
-        strokeWidth=".816"
-        opacity=".3"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><g opacity=".5"><path fill="transparent" d="M15.225-3.633 37.32 6.27l-9.903 22.096L5.32 18.463z"/><path d="m18.722 2.844 10.6 10.955a1.045 1.045 0 0 1-.706 1.77l-4.363.184-.512.021.182.48 2.151 5.648a1.046 1.046 0 0 1-1.954.746L21.97 17l-.182-.48-.398.325-3.379 2.765a1.046 1.046 0 0 1-1.707-.851l.622-15.231a1.046 1.046 0 0 1 1.796-.685Z" stroke="#000" strokeWidth=".74"/></g><path clipRule="evenodd" d="M8.25 5.522A1.913 1.913 0 0 0 5.761 8.01l7.653 19.132a1.913 1.913 0 0 0 3.487.143l2.64-5.278 5.774 5.777a1.913 1.913 0 1 0 2.705-2.707L22.245 19.3l5.28-2.639a1.914 1.914 0 0 0-.145-3.485L8.25 5.522Z"/><path d="M3.838 12.892a1.153 1.153 0 0 0-1.126 1.796l9.578 13.815a1.153 1.153 0 0 0 2.068-.386l1.135-4.68.134-.55.48.301 5.645 3.54L3.838 12.892Zm0 0 16.608 2.592-16.608-2.592Zm19.138 11.88-5.648-3.539-.48-.3.438-.36 3.716-3.061a1.152 1.152 0 0 0-.555-2.028l2.529 9.289Zm0 0a1.153 1.153 0 0 1-1.224 1.956l1.224-1.955Z" stroke="#000" strokeWidth=".816" opacity=".3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_resize.tsx b/frontend/app/components/ui/Icons/event_resize.tsx
index 1e4ba55c5..e2b01f169 100644
--- a/frontend/app/components/ui/Icons/event_resize.tsx
+++ b/frontend/app/components/ui/Icons/event_resize.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Event_resize(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 30 30" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.746 15.029a.544.544 0 0 0 0 .837l7.752 6.342a.517.517 0 0 0 .327.117.53.53 0 0 0 .524-.536V9.105c0-.122-.04-.24-.115-.335a.516.516 0 0 0-.736-.083l-7.752 6.342ZM8.844 7.85a1.548 1.548 0 0 1 2.208.251c.223.285.345.64.345 1.004V21.79c0 .888-.704 1.608-1.572 1.608a1.55 1.55 0 0 1-.981-.353l-7.752-6.342a1.632 1.632 0 0 1 0-2.51L8.844 7.85ZM28.234 15.782a.544.544 0 0 0-.082-.753l-7.751-6.342a.517.517 0 0 0-.327-.118.53.53 0 0 0-.524.536v12.684c0 .122.04.24.115.335.18.231.51.269.736.084l7.751-6.342a.53.53 0 0 0 .082-.084Zm-7.179 7.262a1.548 1.548 0 0 1-2.209-.25 1.63 1.63 0 0 1-.344-1.005V9.105c0-.888.704-1.607 1.572-1.607.356 0 .703.124.981.352l7.752 6.342a1.632 1.632 0 0 1 0 2.51l-7.752 6.342ZM14.414 4h1.071v22h-1.071z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 30 30" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.746 15.029a.544.544 0 0 0 0 .837l7.752 6.342a.517.517 0 0 0 .327.117.53.53 0 0 0 .524-.536V9.105c0-.122-.04-.24-.115-.335a.516.516 0 0 0-.736-.083l-7.752 6.342ZM8.844 7.85a1.548 1.548 0 0 1 2.208.251c.223.285.345.64.345 1.004V21.79c0 .888-.704 1.608-1.572 1.608a1.55 1.55 0 0 1-.981-.353l-7.752-6.342a1.632 1.632 0 0 1 0-2.51L8.844 7.85ZM28.234 15.782a.544.544 0 0 0-.082-.753l-7.751-6.342a.517.517 0 0 0-.327-.118.53.53 0 0 0-.524.536v12.684c0 .122.04.24.115.335.18.231.51.269.736.084l7.751-6.342a.53.53 0 0 0 .082-.084Zm-7.179 7.262a1.548 1.548 0 0 1-2.209-.25 1.63 1.63 0 0 1-.344-1.005V9.105c0-.888.704-1.607 1.572-1.607.356 0 .703.124.981.352l7.752 6.342a1.632 1.632 0 0 1 0 2.51l-7.752 6.342ZM14.414 4h1.071v22h-1.071z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/event_view.tsx b/frontend/app/components/ui/Icons/event_view.tsx
index cedf43246..fddc790e8 100644
--- a/frontend/app/components/ui/Icons/event_view.tsx
+++ b/frontend/app/components/ui/Icons/event_view.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Event_view(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
-      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/exclamation_circle.tsx b/frontend/app/components/ui/Icons/exclamation_circle.tsx
index 3eb06fbb9..d479b4cd6 100644
--- a/frontend/app/components/ui/Icons/exclamation_circle.tsx
+++ b/frontend/app/components/ui/Icons/exclamation_circle.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Exclamation_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="12" cy="12" r="10" />
-      <path d="M12 8v4M12 16h.01" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/exclamation_circle_fill.tsx b/frontend/app/components/ui/Icons/exclamation_circle_fill.tsx
index 6a6c0c6db..3ec860935 100644
--- a/frontend/app/components/ui/Icons/exclamation_circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/exclamation_circle_fill.tsx
@@ -9,25 +9,9 @@ interface Props {
 }
 
 function Exclamation_circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 18 18" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path
-          d="M17.48 9A8.48 8.48 0 1 1 .52 9 8.48 8.48 0 0 1 17.48 9ZM9 4.76a.96.96 0 0 0-.954 1.055l.371 3.717a.585.585 0 0 0 1.166 0l.371-3.717A.96.96 0 0 0 9 4.76Zm.002 6.36a1.06 1.06 0 1 0 0 2.12 1.06 1.06 0 0 0 0-2.12Z"
-          fill="#C00"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(.52 .52)"
-            d="M0 0h16.959v16.959H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 18 18" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M17.48 9A8.48 8.48 0 1 1 .52 9 8.48 8.48 0 0 1 17.48 9ZM9 4.76a.96.96 0 0 0-.954 1.055l.371 3.717a.585.585 0 0 0 1.166 0l.371-3.717A.96.96 0 0 0 9 4.76Zm.002 6.36a1.06 1.06 0 1 0 0 2.12 1.06 1.06 0 0 0 0-2.12Z" fill="#C00"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(.52 .52)" d="M0 0h16.959v16.959H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/exclamation_triangle.tsx b/frontend/app/components/ui/Icons/exclamation_triangle.tsx
index 2008ce496..577966056 100644
--- a/frontend/app/components/ui/Icons/exclamation_triangle.tsx
+++ b/frontend/app/components/ui/Icons/exclamation_triangle.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Exclamation_triangle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/explosion.tsx b/frontend/app/components/ui/Icons/explosion.tsx
index 15efc0f75..d24e195ef 100644
--- a/frontend/app/components/ui/Icons/explosion.tsx
+++ b/frontend/app/components/ui/Icons/explosion.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Explosion(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zM12 0H4a2 2 0 0 0-2 2v7h1V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7h1V2a2 2 0 0 0-2-2zm2 12h-1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2H2v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zM12 0H4a2 2 0 0 0-2 2v7h1V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7h1V2a2 2 0 0 0-2-2zm2 12h-1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2H2v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/external_link_alt.tsx b/frontend/app/components/ui/Icons/external_link_alt.tsx
index 055f83e75..6c773f8c8 100644
--- a/frontend/app/components/ui/Icons/external_link_alt.tsx
+++ b/frontend/app/components/ui/Icons/external_link_alt.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function External_link_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-      <path d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/eye.tsx b/frontend/app/components/ui/Icons/eye.tsx
index e397ae839..543bfef6b 100644
--- a/frontend/app/components/ui/Icons/eye.tsx
+++ b/frontend/app/components/ui/Icons/eye.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Eye(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M569.354 231.631C512.969 135.948 407.808 72 288 72 168.14 72 63.004 135.994 6.646 231.63a47.999 47.999 0 0 0 0 48.739C63.032 376.053 168.192 440 288 440c119.86 0 224.996-63.994 281.354-159.631a48.002 48.002 0 0 0 0-48.738zM416 228c0 68.483-57.308 124-128 124s-128-55.517-128-124 57.308-124 128-124 128 55.517 128 124zm125.784 36.123C489.837 352.277 393.865 408 288 408c-106.291 0-202.061-56.105-253.784-143.876a16.006 16.006 0 0 1 0-16.247c29.072-49.333 73.341-90.435 127.66-115.887C140.845 158.191 128 191.568 128 228c0 85.818 71.221 156 160 156 88.77 0 160-70.178 160-156 0-36.411-12.833-69.794-33.875-96.01 53.76 25.189 98.274 66.021 127.66 115.887a16.006 16.006 0 0 1-.001 16.246zM224 224c0-10.897 2.727-21.156 7.53-30.137v.02c0 14.554 11.799 26.353 26.353 26.353 14.554 0 26.353-11.799 26.353-26.353s-11.799-26.353-26.353-26.353h-.02c8.981-4.803 19.24-7.53 30.137-7.53 35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/eye_slash.tsx b/frontend/app/components/ui/Icons/eye_slash.tsx
index 9a97b7d93..778eb3b7c 100644
--- a/frontend/app/components/ui/Icons/eye_slash.tsx
+++ b/frontend/app/components/ui/Icons/eye_slash.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Eye_slash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m321.496 406.121 21.718 29.272A331.764 331.764 0 0 1 288 440C168.14 440 63.003 376.006 6.646 280.369a47.999 47.999 0 0 1 0-48.739c25.834-43.84 61.913-81.01 104.943-108.427l19.125 25.777c-39.83 24.942-73.004 59.027-96.499 98.896a16.008 16.008 0 0 0 0 16.246C86.163 352.277 182.135 408 288 408c11.298 0 22.476-.64 33.496-1.879zM141.972 164.155C133.037 183.57 128 205.19 128 228c0 85.822 71.23 156 160 156 5.566 0 11.063-.277 16.479-.815l-23.266-31.359C213.676 348.408 160 294.277 160 228a120.48 120.48 0 0 1 4.664-33.26l-22.692-30.585zM569.354 280.37c-33.709 57.202-84.861 103.039-146.143 130.673l56.931 76.732c4 5.391 2.872 13.004-2.519 17.004l-6.507 4.828c-5.391 4-13.004 2.872-17.003-2.519L95.859 24.225c-4-5.391-2.872-13.004 2.519-17.004l6.507-4.828c5.391-4 13.004-2.872 17.003 2.519l62.189 83.82C216.741 77.883 251.696 72 288 72c119.86 0 224.996 63.994 281.354 159.63a48.005 48.005 0 0 1 0 48.74zM416 228c0-68.483-57.308-124-128-124-28.059 0-54.002 8.754-75.095 23.588l34.709 46.782c20.339-16.584 48.244-18.755 70.523-6.84h-.02c-14.554 0-26.353 11.799-26.353 26.353s11.799 26.353 26.353 26.353c14.554 0 26.353-11.799 26.353-26.353v-.02c15.223 28.465 6.889 64.554-20.679 83.18l38.514 51.911C394.803 306.465 416 269.638 416 228zm125.785 19.877c-29.072-49.333-73.341-90.435-127.66-115.887 55.405 69.029 41.701 170.413-32.734 222.688l22.238 29.973c57.564-24.305 106.246-66.38 138.155-120.527a16.008 16.008 0 0 0 .001-16.247z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m321.496 406.121 21.718 29.272A331.764 331.764 0 0 1 288 440C168.14 440 63.003 376.006 6.646 280.369a47.999 47.999 0 0 1 0-48.739c25.834-43.84 61.913-81.01 104.943-108.427l19.125 25.777c-39.83 24.942-73.004 59.027-96.499 98.896a16.008 16.008 0 0 0 0 16.246C86.163 352.277 182.135 408 288 408c11.298 0 22.476-.64 33.496-1.879zM141.972 164.155C133.037 183.57 128 205.19 128 228c0 85.822 71.23 156 160 156 5.566 0 11.063-.277 16.479-.815l-23.266-31.359C213.676 348.408 160 294.277 160 228a120.48 120.48 0 0 1 4.664-33.26l-22.692-30.585zM569.354 280.37c-33.709 57.202-84.861 103.039-146.143 130.673l56.931 76.732c4 5.391 2.872 13.004-2.519 17.004l-6.507 4.828c-5.391 4-13.004 2.872-17.003-2.519L95.859 24.225c-4-5.391-2.872-13.004 2.519-17.004l6.507-4.828c5.391-4 13.004-2.872 17.003 2.519l62.189 83.82C216.741 77.883 251.696 72 288 72c119.86 0 224.996 63.994 281.354 159.63a48.005 48.005 0 0 1 0 48.74zM416 228c0-68.483-57.308-124-128-124-28.059 0-54.002 8.754-75.095 23.588l34.709 46.782c20.339-16.584 48.244-18.755 70.523-6.84h-.02c-14.554 0-26.353 11.799-26.353 26.353s11.799 26.353 26.353 26.353c14.554 0 26.353-11.799 26.353-26.353v-.02c15.223 28.465 6.889 64.554-20.679 83.18l38.514 51.911C394.803 306.465 416 269.638 416 228zm125.785 19.877c-29.072-49.333-73.341-90.435-127.66-115.887 55.405 69.029 41.701 170.413-32.734 222.688l22.238 29.973c57.564-24.305 106.246-66.38 138.155-120.527a16.008 16.008 0 0 0 .001-16.247z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/eye_slash_fill.tsx b/frontend/app/components/ui/Icons/eye_slash_fill.tsx
index 9f1b69887..d509afe68 100644
--- a/frontend/app/components/ui/Icons/eye_slash_fill.tsx
+++ b/frontend/app/components/ui/Icons/eye_slash_fill.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Eye_slash_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z" />
-      <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/><path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/fetch.tsx b/frontend/app/components/ui/Icons/fetch.tsx
index cae4b9aea..6a4def547 100644
--- a/frontend/app/components/ui/Icons/fetch.tsx
+++ b/frontend/app/components/ui/Icons/fetch.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Fetch(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/fetch_request.tsx b/frontend/app/components/ui/Icons/fetch_request.tsx
index 3a53e2ca0..f47dd1847 100644
--- a/frontend/app/components/ui/Icons/fetch_request.tsx
+++ b/frontend/app/components/ui/Icons/fetch_request.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Fetch_request(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.6 24 24"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect y=".6" width="24" height="24" rx="12" fill="#EBF4F5" />
-      <path
-        d="m16.5 14.6-2 2-2-2M14.5 16.6v-8M7.5 10.6l2-2 2 2M9.5 8.6v8"
-        stroke="#24959A"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.6 24 24" width={ `${ width }px` } height={ `${ height }px` } ><rect y=".6" width="24" height="24" rx="12" fill="#EBF4F5"/><path d="m16.5 14.6-2 2-2-2M14.5 16.6v-8M7.5 10.6l2-2 2 2M9.5 8.6v8" stroke="#24959A" strokeLinecap="round" strokeLinejoin="round"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/fflag_multi.tsx b/frontend/app/components/ui/Icons/fflag_multi.tsx
index 8ed806eb0..dd4233604 100644
--- a/frontend/app/components/ui/Icons/fflag_multi.tsx
+++ b/frontend/app/components/ui/Icons/fflag_multi.tsx
@@ -9,17 +9,9 @@ interface Props {
 }
 
 function Fflag_multi(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 44 44" width={`${width}px`} height={`${height}px`}>
-      <rect width="44" height="44" rx="22" fill="#3EAAAF" fillOpacity=".08" />
-      <g fill="#24959A">
-        <path d="M22 32.5a10.5 10.5 0 1 1 0-21 10.5 10.5 0 0 1 0 21Zm0 1.5a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z" />
-        <path d="M22 29.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm0 1.5a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" />
-        <path d="M22 26.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm0 1.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" />
-        <path d="M24.25 22a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 44 44" width={ `${ width }px` } height={ `${ height }px` } ><rect width="44" height="44" rx="22" fill="#3EAAAF" fillOpacity=".08"/><g fill="#24959A"><path d="M22 32.5a10.5 10.5 0 1 1 0-21 10.5 10.5 0 0 1 0 21Zm0 1.5a12 12 0 1 0 0-24 12 12 0 0 0 0 24Z"/><path d="M22 29.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm0 1.5a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"/><path d="M22 26.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm0 1.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"/><path d="M24.25 22a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/fflag_single.tsx b/frontend/app/components/ui/Icons/fflag_single.tsx
index 198f6cbd4..6ef188550 100644
--- a/frontend/app/components/ui/Icons/fflag_single.tsx
+++ b/frontend/app/components/ui/Icons/fflag_single.tsx
@@ -9,15 +9,9 @@ interface Props {
 }
 
 function Fflag_single(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 44 44" width={`${width}px`} height={`${height}px`}>
-      <rect width="44" height="44" rx="22" fill="#3EAAAF" fillOpacity=".08" />
-      <path
-        d="M22 32.5a10.5 10.5 0 1 0 0-21v21Zm0 1.5a12 12 0 1 1 0-24 12 12 0 0 1 0 24Z"
-        fill="#24959A"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 44 44" width={ `${ width }px` } height={ `${ height }px` } ><rect width="44" height="44" rx="22" fill="#3EAAAF" fillOpacity=".08"/><path d="M22 32.5a10.5 10.5 0 1 0 0-21v21Zm0 1.5a12 12 0 1 1 0-24 12 12 0 0 1 0 24Z" fill="#24959A"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/file.tsx b/frontend/app/components/ui/Icons/file.tsx
index a54914e98..571c4aecc 100644
--- a/frontend/app/components/ui/Icons/file.tsx
+++ b/frontend/app/components/ui/Icons/file.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function File(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 384 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M369.9 97.9 286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 384 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M369.9 97.9 286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/file_bar_graph.tsx b/frontend/app/components/ui/Icons/file_bar_graph.tsx
index 48799eaef..8066f7d08 100644
--- a/frontend/app/components/ui/Icons/file_bar_graph.tsx
+++ b/frontend/app/components/ui/Icons/file_bar_graph.tsx
@@ -9,19 +9,9 @@ interface Props {
 }
 
 function File_bar_graph(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 14 15" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path d="M3.938 10.612a.438.438 0 0 1-.438-.438v-1.75a.437.437 0 0 1 .438-.437h.874a.438.438 0 0 1 .438.437v1.75a.438.438 0 0 1-.438.438h-.875Zm2.624 0a.438.438 0 0 1-.437-.438v-3.5a.437.437 0 0 1 .438-.437h.875a.438.438 0 0 1 .437.437v3.5a.438.438 0 0 1-.438.438h-.875Zm2.625 0a.438.438 0 0 1-.437-.438v-5.25a.437.437 0 0 1 .438-.437h.874a.438.438 0 0 1 .438.437v5.25a.438.438 0 0 1-.438.438h-.874Z" />
-        <path d="M3.5.112a1.75 1.75 0 0 0-1.75 1.75v10.5a1.75 1.75 0 0 0 1.75 1.75h7a1.75 1.75 0 0 0 1.75-1.75v-10.5A1.75 1.75 0 0 0 10.5.112h-7Zm0 .875h7a.875.875 0 0 1 .875.875v10.5a.875.875 0 0 1-.875.875h-7a.875.875 0 0 1-.875-.875v-10.5A.875.875 0 0 1 3.5.987Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .112)" d="M0 0h14v14H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 14 15" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M3.938 10.612a.438.438 0 0 1-.438-.438v-1.75a.437.437 0 0 1 .438-.437h.874a.438.438 0 0 1 .438.437v1.75a.438.438 0 0 1-.438.438h-.875Zm2.624 0a.438.438 0 0 1-.437-.438v-3.5a.437.437 0 0 1 .438-.437h.875a.438.438 0 0 1 .437.437v3.5a.438.438 0 0 1-.438.438h-.875Zm2.625 0a.438.438 0 0 1-.437-.438v-5.25a.437.437 0 0 1 .438-.437h.874a.438.438 0 0 1 .438.437v5.25a.438.438 0 0 1-.438.438h-.874Z"/><path d="M3.5.112a1.75 1.75 0 0 0-1.75 1.75v10.5a1.75 1.75 0 0 0 1.75 1.75h7a1.75 1.75 0 0 0 1.75-1.75v-10.5A1.75 1.75 0 0 0 10.5.112h-7Zm0 .875h7a.875.875 0 0 1 .875.875v10.5a.875.875 0 0 1-.875.875h-7a.875.875 0 0 1-.875-.875v-10.5A.875.875 0 0 1 3.5.987Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .112)" d="M0 0h14v14H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/file_code.tsx b/frontend/app/components/ui/Icons/file_code.tsx
index 1c697d805..5caa2c323 100644
--- a/frontend/app/components/ui/Icons/file_code.tsx
+++ b/frontend/app/components/ui/Icons/file_code.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function File_code(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z" />
-      <path d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/><path d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/file_medical_alt.tsx b/frontend/app/components/ui/Icons/file_medical_alt.tsx
index 2dedc072c..97a9d274e 100644
--- a/frontend/app/components/ui/Icons/file_medical_alt.tsx
+++ b/frontend/app/components/ui/Icons/file_medical_alt.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function File_medical_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" />
-      <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/><path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/file_pdf.tsx b/frontend/app/components/ui/Icons/file_pdf.tsx
index 2b60bfde9..4a8e9f8de 100644
--- a/frontend/app/components/ui/Icons/file_pdf.tsx
+++ b/frontend/app/components/ui/Icons/file_pdf.tsx
@@ -9,26 +9,9 @@ interface Props {
 }
 
 function File_pdf(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 13 14" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path
-          d="M3.493.662A1.584 1.584 0 0 0 1.91 2.247v9.506a1.584 1.584 0 0 0 1.584 1.585h6.338a1.584 1.584 0 0 0 1.585-1.585V2.247A1.585 1.585 0 0 0 9.83.662H3.493Zm0 .792h6.338a.792.792 0 0 1 .792.793v9.506a.792.792 0 0 1-.792.793H3.493a.792.792 0 0 1-.792-.793V2.247a.792.792 0 0 1 .792-.793Z"
-          fillOpacity=".6"
-        />
-        <path d="M3.971 10.238a.641.641 0 0 1-.347-.333c-.154-.307-.103-.615.063-.873.157-.243.417-.45.711-.623a6.084 6.084 0 0 1 1.174-.511c.317-.57.598-1.16.841-1.765a5.759 5.759 0 0 1-.34-1.026c-.068-.317-.095-.63-.037-.9.06-.28.217-.532.515-.652.152-.06.317-.095.477-.06a.555.555 0 0 1 .378.289c.07.13.095.282.1.426a2.54 2.54 0 0 1-.037.486c-.066.404-.213.899-.411 1.421.218.468.478.915.776 1.336a4.558 4.558 0 0 1 1.057.04c.288.051.581.154.76.368a.67.67 0 0 1 .159.41.922.922 0 0 1-.11.447.824.824 0 0 1-.28.33.678.678 0 0 1-.404.108c-.262-.01-.518-.155-.74-.33a4.528 4.528 0 0 1-.721-.753 9.223 9.223 0 0 0-1.582.322 8.96 8.96 0 0 1-.809 1.196c-.23.278-.482.52-.734.624a.628.628 0 0 1-.459.023Zm1.092-1.506c-.131.06-.253.123-.363.188-.26.154-.429.304-.513.434-.074.115-.076.198-.031.286a.18.18 0 0 0 .02.035.213.213 0 0 0 .028-.01c.108-.044.281-.186.503-.453a6.48 6.48 0 0 0 .356-.48Zm1.3-1.054c.264-.062.531-.113.8-.153a9.243 9.243 0 0 1-.404-.68c-.124.281-.256.559-.396.832v.001Zm1.938.357c.118.128.234.237.344.324.19.151.323.2.395.203a.085.085 0 0 0 .055-.012.243.243 0 0 0 .075-.099.345.345 0 0 0 .046-.158.075.075 0 0 0-.02-.05c-.041-.05-.159-.12-.41-.166a3.075 3.075 0 0 0-.485-.042ZM6.724 5.257c.067-.215.12-.434.158-.656.025-.149.034-.272.03-.368a.486.486 0 0 0-.025-.157.41.41 0 0 0-.115.032c-.069.027-.125.084-.155.224-.032.152-.024.371.036.651.02.088.043.18.072.274h-.001Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(.324 .662)"
-            d="M0 0h12.676v12.676H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 13 14" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M3.493.662A1.584 1.584 0 0 0 1.91 2.247v9.506a1.584 1.584 0 0 0 1.584 1.585h6.338a1.584 1.584 0 0 0 1.585-1.585V2.247A1.585 1.585 0 0 0 9.83.662H3.493Zm0 .792h6.338a.792.792 0 0 1 .792.793v9.506a.792.792 0 0 1-.792.793H3.493a.792.792 0 0 1-.792-.793V2.247a.792.792 0 0 1 .792-.793Z" fillOpacity=".6"/><path d="M3.971 10.238a.641.641 0 0 1-.347-.333c-.154-.307-.103-.615.063-.873.157-.243.417-.45.711-.623a6.084 6.084 0 0 1 1.174-.511c.317-.57.598-1.16.841-1.765a5.759 5.759 0 0 1-.34-1.026c-.068-.317-.095-.63-.037-.9.06-.28.217-.532.515-.652.152-.06.317-.095.477-.06a.555.555 0 0 1 .378.289c.07.13.095.282.1.426a2.54 2.54 0 0 1-.037.486c-.066.404-.213.899-.411 1.421.218.468.478.915.776 1.336a4.558 4.558 0 0 1 1.057.04c.288.051.581.154.76.368a.67.67 0 0 1 .159.41.922.922 0 0 1-.11.447.824.824 0 0 1-.28.33.678.678 0 0 1-.404.108c-.262-.01-.518-.155-.74-.33a4.528 4.528 0 0 1-.721-.753 9.223 9.223 0 0 0-1.582.322 8.96 8.96 0 0 1-.809 1.196c-.23.278-.482.52-.734.624a.628.628 0 0 1-.459.023Zm1.092-1.506c-.131.06-.253.123-.363.188-.26.154-.429.304-.513.434-.074.115-.076.198-.031.286a.18.18 0 0 0 .02.035.213.213 0 0 0 .028-.01c.108-.044.281-.186.503-.453a6.48 6.48 0 0 0 .356-.48Zm1.3-1.054c.264-.062.531-.113.8-.153a9.243 9.243 0 0 1-.404-.68c-.124.281-.256.559-.396.832v.001Zm1.938.357c.118.128.234.237.344.324.19.151.323.2.395.203a.085.085 0 0 0 .055-.012.243.243 0 0 0 .075-.099.345.345 0 0 0 .046-.158.075.075 0 0 0-.02-.05c-.041-.05-.159-.12-.41-.166a3.075 3.075 0 0 0-.485-.042ZM6.724 5.257c.067-.215.12-.434.158-.656.025-.149.034-.272.03-.368a.486.486 0 0 0-.025-.157.41.41 0 0 0-.115.032c-.069.027-.125.084-.155.224-.032.152-.024.371.036.651.02.088.043.18.072.274h-.001Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(.324 .662)" d="M0 0h12.676v12.676H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/files.tsx b/frontend/app/components/ui/Icons/files.tsx
index 71a078852..1b10b7a14 100644
--- a/frontend/app/components/ui/Icons/files.tsx
+++ b/frontend/app/components/ui/Icons/files.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Files(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filetype_js.tsx b/frontend/app/components/ui/Icons/filetype_js.tsx
index c74413d61..842201cc4 100644
--- a/frontend/app/components/ui/Icons/filetype_js.tsx
+++ b/frontend/app/components/ui/Icons/filetype_js.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filetype_js(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.186 15.29a1.176 1.176 0 0 1-.111-.449h.765a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.528-.422.224-.1.483-.149.776-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.218.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm-3.104-.033A1.32 1.32 0 0 1 0 14.791h.765a.576.576 0 0 0 .073.27.499.499 0 0 0 .454.246c.19 0 .33-.055.422-.164.092-.11.138-.265.138-.466v-2.745h.79v2.725c0 .44-.119.774-.357 1.005-.236.23-.564.345-.984.345a1.59 1.59 0 0 1-.569-.094 1.145 1.145 0 0 1-.407-.266 1.14 1.14 0 0 1-.243-.39Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.186 15.29a1.176 1.176 0 0 1-.111-.449h.765a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.528-.422.224-.1.483-.149.776-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.218.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm-3.104-.033A1.32 1.32 0 0 1 0 14.791h.765a.576.576 0 0 0 .073.27.499.499 0 0 0 .454.246c.19 0 .33-.055.422-.164.092-.11.138-.265.138-.466v-2.745h.79v2.725c0 .44-.119.774-.357 1.005-.236.23-.564.345-.984.345a1.59 1.59 0 0 1-.569-.094 1.145 1.145 0 0 1-.407-.266 1.14 1.14 0 0 1-.243-.39Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filetype_pdf.tsx b/frontend/app/components/ui/Icons/filetype_pdf.tsx
index fbfa72ba0..64b6e2912 100644
--- a/frontend/app/components/ui/Icons/filetype_pdf.tsx
+++ b/frontend/app/components/ui/Icons/filetype_pdf.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filetype_pdf(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.14 1.14 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.14 1.14 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filter.tsx b/frontend/app/components/ui/Icons/filter.tsx
index 41f7949e4..771a19852 100644
--- a/frontend/app/components/ui/Icons/filter.tsx
+++ b/frontend/app/components/ui/Icons/filter.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Filter(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_arrow_return_right.tsx b/frontend/app/components/ui/Icons/filters_arrow_return_right.tsx
index 9a34da952..ff05557f1 100644
--- a/frontend/app/components/ui/Icons/filters_arrow_return_right.tsx
+++ b/frontend/app/components/ui/Icons/filters_arrow_return_right.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_arrow_return_right(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_browser.tsx b/frontend/app/components/ui/Icons/filters_browser.tsx
index 3016588e5..743fefc03 100644
--- a/frontend/app/components/ui/Icons/filters_browser.tsx
+++ b/frontend/app/components/ui/Icons/filters_browser.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_browser(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_chevrons_up_down.tsx b/frontend/app/components/ui/Icons/filters_chevrons_up_down.tsx
index 314308043..e8c664564 100644
--- a/frontend/app/components/ui/Icons/filters_chevrons_up_down.tsx
+++ b/frontend/app/components/ui/Icons/filters_chevrons_up_down.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Filters_chevrons_up_down(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="m7 15 5 5 5-5M7 9l5-5 5 5" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="m7 15 5 5 5-5M7 9l5-5 5 5"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_click.tsx b/frontend/app/components/ui/Icons/filters_click.tsx
index 80340073a..5529ff918 100644
--- a/frontend/app/components/ui/Icons/filters_click.tsx
+++ b/frontend/app/components/ui/Icons/filters_click.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_click(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_clickrage.tsx b/frontend/app/components/ui/Icons/filters_clickrage.tsx
index 3d7a6fb42..4c81e6aa6 100644
--- a/frontend/app/components/ui/Icons/filters_clickrage.tsx
+++ b/frontend/app/components/ui/Icons/filters_clickrage.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_clickrage(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_code.tsx b/frontend/app/components/ui/Icons/filters_code.tsx
index a0a3ae45d..428417a57 100644
--- a/frontend/app/components/ui/Icons/filters_code.tsx
+++ b/frontend/app/components/ui/Icons/filters_code.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_code(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_console.tsx b/frontend/app/components/ui/Icons/filters_console.tsx
index af637dea8..b2487293d 100644
--- a/frontend/app/components/ui/Icons/filters_console.tsx
+++ b/frontend/app/components/ui/Icons/filters_console.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_console(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M497.941 225.941 286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M497.941 225.941 286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_country.tsx b/frontend/app/components/ui/Icons/filters_country.tsx
index 9c6b0771b..63d91acb0 100644
--- a/frontend/app/components/ui/Icons/filters_country.tsx
+++ b/frontend/app/components/ui/Icons/filters_country.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_country(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
-      <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/><path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_cpu_load.tsx b/frontend/app/components/ui/Icons/filters_cpu_load.tsx
index b0189cb21..2392df457 100644
--- a/frontend/app/components/ui/Icons/filters_cpu_load.tsx
+++ b/frontend/app/components/ui/Icons/filters_cpu_load.tsx
@@ -9,27 +9,9 @@ interface Props {
 }
 
 function Filters_cpu_load(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-      />
-      <g>
-        <path d="M16 11a.5.5 0 0 1 .5.5V13a.5.5 0 0 1-1 0v-1.5a.5.5 0 0 1 .5-.5Zm-4.268 1.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 0 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707ZM10 17a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H10.5a.5.5 0 0 1-.5-.5Zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H20a.5.5 0 0 1-.5-.5Zm.754-4.246a.389.389 0 0 0-.527-.02l-4.18 3.576a.91.91 0 1 0 1.303 1.259l3.434-4.297a.39.39 0 0 0-.029-.518h-.001Z" />
-        <path
-          clipRule="evenodd"
-          d="M14.664 24.889a8 8 0 1 1 2.67-15.779 8 8 0 0 1-2.67 15.78v-.001Zm-4.665-4.283a11.945 11.945 0 0 1 6-1.606c2.187 0 4.237.585 6.002 1.606a7 7 0 1 0-12.002 0Z"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(8 9)" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"/><g><path d="M16 11a.5.5 0 0 1 .5.5V13a.5.5 0 0 1-1 0v-1.5a.5.5 0 0 1 .5-.5Zm-4.268 1.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 0 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707ZM10 17a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H10.5a.5.5 0 0 1-.5-.5Zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H20a.5.5 0 0 1-.5-.5Zm.754-4.246a.389.389 0 0 0-.527-.02l-4.18 3.576a.91.91 0 1 0 1.303 1.259l3.434-4.297a.39.39 0 0 0-.029-.518h-.001Z"/><path clipRule="evenodd" d="M14.664 24.889a8 8 0 1 1 2.67-15.779 8 8 0 0 1-2.67 15.78v-.001Zm-4.665-4.283a11.945 11.945 0 0 1 6-1.606c2.187 0 4.237.585 6.002 1.606a7 7 0 1 0-12.002 0Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(8 9)" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_custom.tsx b/frontend/app/components/ui/Icons/filters_custom.tsx
index e62bc6dc9..f5fc069a4 100644
--- a/frontend/app/components/ui/Icons/filters_custom.tsx
+++ b/frontend/app/components/ui/Icons/filters_custom.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_custom(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 576 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 576 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m228.5 511.8-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3 18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4 144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_device.tsx b/frontend/app/components/ui/Icons/filters_device.tsx
index d74ed7c41..2d05fc4ca 100644
--- a/frontend/app/components/ui/Icons/filters_device.tsx
+++ b/frontend/app/components/ui/Icons/filters_device.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_device(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 1000 1000" width={`${width}px`} height={`${height}px`}>
-      <path d="M702.5 826.7H598V722.1h107.8v-68.6H78.6V157h816.7v277.7h55.5c3.3 0 9.8 0 13.1 3.3V134.1c0-26.1-19.6-45.7-45.7-45.7H55.7C29.6 88.4 10 108 10 134.1v542.3c0 26.1 19.6 45.7 45.7 45.7h323.4v104.5H255c-22.9 0-42.5 19.6-42.5 42.5s19.6 42.5 42.5 42.5h460.6c-6.5-9.8-9.8-19.6-9.8-29.4v-55.5h-3.3z" />
-      <path d="M960.6 457.5H767.9c-16.3 0-29.4 13.1-29.4 29.4v392c0 16.3 13.1 29.4 29.4 29.4h192.7c16.3 0 29.4-13.1 29.4-29.4v-392c0-13-13.1-29.4-29.4-29.4zm-98 434.5c-6.5 0-13.1-6.5-13.1-13.1s6.5-13.1 13.1-13.1c6.5 0 13.1 6.5 13.1 13.1s-6.6 13.1-13.1 13.1zm107.8-42.5H754.8V522.9h215.6v326.6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 1000 1000"  width={ `${ width }px` } height={ `${ height }px` } ><path d="M702.5 826.7H598V722.1h107.8v-68.6H78.6V157h816.7v277.7h55.5c3.3 0 9.8 0 13.1 3.3V134.1c0-26.1-19.6-45.7-45.7-45.7H55.7C29.6 88.4 10 108 10 134.1v542.3c0 26.1 19.6 45.7 45.7 45.7h323.4v104.5H255c-22.9 0-42.5 19.6-42.5 42.5s19.6 42.5 42.5 42.5h460.6c-6.5-9.8-9.8-19.6-9.8-29.4v-55.5h-3.3z"/><path d="M960.6 457.5H767.9c-16.3 0-29.4 13.1-29.4 29.4v392c0 16.3 13.1 29.4 29.4 29.4h192.7c16.3 0 29.4-13.1 29.4-29.4v-392c0-13-13.1-29.4-29.4-29.4zm-98 434.5c-6.5 0-13.1-6.5-13.1-13.1s6.5-13.1 13.1-13.1c6.5 0 13.1 6.5 13.1 13.1s-6.6 13.1-13.1 13.1zm107.8-42.5H754.8V522.9h215.6v326.6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_dom_complete.tsx b/frontend/app/components/ui/Icons/filters_dom_complete.tsx
index ea2ac67d1..164332eba 100644
--- a/frontend/app/components/ui/Icons/filters_dom_complete.tsx
+++ b/frontend/app/components/ui/Icons/filters_dom_complete.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Filters_dom_complete(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-      />
-      <path d="M23 17.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-3.722-2.84a.702.702 0 0 0-1.012.02l-3.256 4.148-1.963-1.963a.703.703 0 0 0-.993.994l2.48 2.482a.703.703 0 0 0 1.012-.02l3.742-4.677a.703.703 0 0 0-.009-.985Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"/><path d="M23 17.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-3.722-2.84a.702.702 0 0 0-1.012.02l-3.256 4.148-1.963-1.963a.703.703 0 0 0-.993.994l2.48 2.482a.703.703 0 0 0 1.012-.02l3.742-4.677a.703.703 0 0 0-.009-.985Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_duration.tsx b/frontend/app/components/ui/Icons/filters_duration.tsx
index b2a522347..0b7eed5df 100644
--- a/frontend/app/components/ui/Icons/filters_duration.tsx
+++ b/frontend/app/components/ui/Icons/filters_duration.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_duration(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_error.tsx b/frontend/app/components/ui/Icons/filters_error.tsx
index 303c974a9..cacabde71 100644
--- a/frontend/app/components/ui/Icons/filters_error.tsx
+++ b/frontend/app/components/ui/Icons/filters_error.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Filters_error(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="12" cy="12" r="10" />
-      <path d="M12 8v4M12 16h.01" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_fetch.tsx b/frontend/app/components/ui/Icons/filters_fetch.tsx
index 06f9e2cea..b465f24be 100644
--- a/frontend/app/components/ui/Icons/filters_fetch.tsx
+++ b/frontend/app/components/ui/Icons/filters_fetch.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_fetch(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_fetch_failed.tsx b/frontend/app/components/ui/Icons/filters_fetch_failed.tsx
index 7ff2887c8..2b321b6be 100644
--- a/frontend/app/components/ui/Icons/filters_fetch_failed.tsx
+++ b/frontend/app/components/ui/Icons/filters_fetch_failed.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Filters_fetch_failed(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-      />
-      <g>
-        <path d="M20 9h-8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2Zm-5.354 5.646a.5.5 0 1 1 .708.708L13.707 17l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.498.498 0 0 1 0-.708l2-2Zm2.708 0 2 2a.498.498 0 0 1 0 .708l-2 2a.5.5 0 1 1-.708-.708L18.293 17l-1.647-1.646a.5.5 0 0 1 .708-.708Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(8 9)" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"/><g><path d="M20 9h-8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V11a2 2 0 0 0-2-2Zm-5.354 5.646a.5.5 0 1 1 .708.708L13.707 17l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.498.498 0 0 1 0-.708l2-2Zm2.708 0 2 2a.498.498 0 0 1 0 .708l-2 2a.5.5 0 1 1-.708-.708L18.293 17l-1.647-1.646a.5.5 0 0 1 .708-.708Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(8 9)" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_file_code.tsx b/frontend/app/components/ui/Icons/filters_file_code.tsx
index 40154e4e6..692dd042e 100644
--- a/frontend/app/components/ui/Icons/filters_file_code.tsx
+++ b/frontend/app/components/ui/Icons/filters_file_code.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_file_code(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 384 512" width={`${width}px`} height={`${height}px`}>
-      <path d="m369.941 97.941-83.882-83.882A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v416c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48V131.882a48 48 0 0 0-14.059-33.941zm-22.627 22.628a15.89 15.89 0 0 1 4.195 7.431H256V32.491a15.88 15.88 0 0 1 7.431 4.195l83.883 83.883zM336 480H48c-8.837 0-16-7.163-16-16V48c0-8.837 7.163-16 16-16h176v104c0 13.255 10.745 24 24 24h104v304c0 8.837-7.163 16-16 16zm-161.471-67.404-25.928-7.527a5.1 5.1 0 0 1-3.476-6.32l58.027-199.869a5.1 5.1 0 0 1 6.32-3.476l25.927 7.527a5.1 5.1 0 0 1 3.476 6.32L180.849 409.12a5.1 5.1 0 0 1-6.32 3.476zm-48.446-47.674 18.492-19.724a5.101 5.101 0 0 0-.351-7.317L105.725 304l38.498-33.881a5.1 5.1 0 0 0 .351-7.317l-18.492-19.724a5.1 5.1 0 0 0-7.209-.233L57.61 300.279a5.1 5.1 0 0 0 0 7.441l61.263 57.434a5.1 5.1 0 0 0 7.21-.232zm139.043.232 61.262-57.434a5.1 5.1 0 0 0 0-7.441l-61.262-57.434a5.1 5.1 0 0 0-7.209.233l-18.492 19.724a5.101 5.101 0 0 0 .351 7.317L278.275 304l-38.499 33.881a5.1 5.1 0 0 0-.351 7.317l18.492 19.724a5.1 5.1 0 0 0 7.209.232z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 384 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="m369.941 97.941-83.882-83.882A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v416c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48V131.882a48 48 0 0 0-14.059-33.941zm-22.627 22.628a15.89 15.89 0 0 1 4.195 7.431H256V32.491a15.88 15.88 0 0 1 7.431 4.195l83.883 83.883zM336 480H48c-8.837 0-16-7.163-16-16V48c0-8.837 7.163-16 16-16h176v104c0 13.255 10.745 24 24 24h104v304c0 8.837-7.163 16-16 16zm-161.471-67.404-25.928-7.527a5.1 5.1 0 0 1-3.476-6.32l58.027-199.869a5.1 5.1 0 0 1 6.32-3.476l25.927 7.527a5.1 5.1 0 0 1 3.476 6.32L180.849 409.12a5.1 5.1 0 0 1-6.32 3.476zm-48.446-47.674 18.492-19.724a5.101 5.101 0 0 0-.351-7.317L105.725 304l38.498-33.881a5.1 5.1 0 0 0 .351-7.317l-18.492-19.724a5.1 5.1 0 0 0-7.209-.233L57.61 300.279a5.1 5.1 0 0 0 0 7.441l61.263 57.434a5.1 5.1 0 0 0 7.21-.232zm139.043.232 61.262-57.434a5.1 5.1 0 0 0 0-7.441l-61.262-57.434a5.1 5.1 0 0 0-7.209.233l-18.492 19.724a5.101 5.101 0 0 0 .351 7.317L278.275 304l-38.499 33.881a5.1 5.1 0 0 0-.351 7.317l18.492 19.724a5.1 5.1 0 0 0 7.209.232z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_graphql.tsx b/frontend/app/components/ui/Icons/filters_graphql.tsx
index e0a08601b..be420f900 100644
--- a/frontend/app/components/ui/Icons/filters_graphql.tsx
+++ b/frontend/app/components/ui/Icons/filters_graphql.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_graphql(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 348.52 391.6" width={`${width}px`} height={`${height}px`}>
-      <path d="M330.96 246a35 35 0 0 0-9.2-3.67v-93a34.92 34.92 0 1 0-33.5-57.96l-80.54-46.5a34.9 34.9 0 1 0-68.35-10 35.24 35.24 0 0 0 1.42 9.93L60.26 91.33a35.4 35.4 0 0 0-7.9-6.23 34.92 34.92 0 1 0-25.6 64.19v93a34.93 34.93 0 1 0 33.5 58l80.52 46.51a34.9 34.9 0 1 0 66.61-1.12l80.05-46.22A34.92 34.92 0 1 0 330.96 246Zm-262 22a34.46 34.46 0 0 0-9.81-17L164.54 68.42a34.91 34.91 0 0 0 19.47 0l105.4 182.56a34.81 34.81 0 0 0-9.82 17Zm211.09-162.2a34.83 34.83 0 0 0 25.11 43.4v93.15l-1.35.36L198.39 60.12c.31-.3.63-.61.93-.92ZM149.16 59.16l1 1L44.73 242.74l-1.37-.37v-93.16a34.83 34.83 0 0 0 25.09-43.41Zm50.91 274a34.92 34.92 0 0 0-50.94-.71l-80.6-46.53c.12-.45.25-.9.36-1.35h210.73c.19.77.4 1.53.64 2.29Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 348.52 391.6" width={ `${ width }px` } height={ `${ height }px` } ><path d="M330.96 246a35 35 0 0 0-9.2-3.67v-93a34.92 34.92 0 1 0-33.5-57.96l-80.54-46.5a34.9 34.9 0 1 0-68.35-10 35.24 35.24 0 0 0 1.42 9.93L60.26 91.33a35.4 35.4 0 0 0-7.9-6.23 34.92 34.92 0 1 0-25.6 64.19v93a34.93 34.93 0 1 0 33.5 58l80.52 46.51a34.9 34.9 0 1 0 66.61-1.12l80.05-46.22A34.92 34.92 0 1 0 330.96 246Zm-262 22a34.46 34.46 0 0 0-9.81-17L164.54 68.42a34.91 34.91 0 0 0 19.47 0l105.4 182.56a34.81 34.81 0 0 0-9.82 17Zm211.09-162.2a34.83 34.83 0 0 0 25.11 43.4v93.15l-1.35.36L198.39 60.12c.31-.3.63-.61.93-.92ZM149.16 59.16l1 1L44.73 242.74l-1.37-.37v-93.16a34.83 34.83 0 0 0 25.09-43.41Zm50.91 274a34.92 34.92 0 0 0-50.94-.71l-80.6-46.53c.12-.45.25-.9.36-1.35h210.73c.19.77.4 1.53.64 2.29Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_i_cursor.tsx b/frontend/app/components/ui/Icons/filters_i_cursor.tsx
index 4e2c58f6a..a6d331715 100644
--- a/frontend/app/components/ui/Icons/filters_i_cursor.tsx
+++ b/frontend/app/components/ui/Icons/filters_i_cursor.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_i_cursor(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 192 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M96 38.223C75.091 13.528 39.824 1.336 6.191.005 2.805-.129 0 2.617 0 6.006v20.013c0 3.191 2.498 5.847 5.686 5.989C46.519 33.825 80 55.127 80 80v160H38a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h42v160c0 24.873-33.481 46.175-74.314 47.992-3.188.141-5.686 2.797-5.686 5.989v20.013c0 3.389 2.806 6.135 6.192 6.002C40.03 510.658 75.193 498.351 96 473.777c20.909 24.695 56.176 36.887 89.809 38.218 3.386.134 6.191-2.612 6.191-6.001v-20.013c0-3.191-2.498-5.847-5.686-5.989C145.481 478.175 112 456.873 112 432V272h42a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6h-42V80c0-24.873 33.481-46.175 74.314-47.992 3.188-.142 5.686-2.798 5.686-5.989V6.006c0-3.389-2.806-6.135-6.192-6.002C151.97 1.342 116.807 13.648 96 38.223z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 192 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M96 38.223C75.091 13.528 39.824 1.336 6.191.005 2.805-.129 0 2.617 0 6.006v20.013c0 3.191 2.498 5.847 5.686 5.989C46.519 33.825 80 55.127 80 80v160H38a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h42v160c0 24.873-33.481 46.175-74.314 47.992-3.188.141-5.686 2.797-5.686 5.989v20.013c0 3.389 2.806 6.135 6.192 6.002C40.03 510.658 75.193 498.351 96 473.777c20.909 24.695 56.176 36.887 89.809 38.218 3.386.134 6.191-2.612 6.191-6.001v-20.013c0-3.191-2.498-5.847-5.686-5.989C145.481 478.175 112 456.873 112 432V272h42a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6h-42V80c0-24.873 33.481-46.175 74.314-47.992 3.188-.142 5.686-2.798 5.686-5.989V6.006c0-3.389-2.806-6.135-6.192-6.002C151.97 1.342 116.807 13.648 96 38.223z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_input.tsx b/frontend/app/components/ui/Icons/filters_input.tsx
index 97878e3c4..13ef10456 100644
--- a/frontend/app/components/ui/Icons/filters_input.tsx
+++ b/frontend/app/components/ui/Icons/filters_input.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_input(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2z" />
-      <path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2z"/><path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_lcpt.tsx b/frontend/app/components/ui/Icons/filters_lcpt.tsx
index 369a6f1be..a657bd08b 100644
--- a/frontend/app/components/ui/Icons/filters_lcpt.tsx
+++ b/frontend/app/components/ui/Icons/filters_lcpt.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Filters_lcpt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-      />
-      <path d="M24 17.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-7.5-4.219a.469.469 0 0 0-.938 0v5.156a.468.468 0 0 0 .237.407l3.281 1.875a.469.469 0 0 0 .465-.813l-3.045-1.74V13.28Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"/><path d="M24 17.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Zm-7.5-4.219a.469.469 0 0 0-.938 0v5.156a.468.468 0 0 0 .237.407l3.281 1.875a.469.469 0 0 0 .465-.813l-3.045-1.74V13.28Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_link.tsx b/frontend/app/components/ui/Icons/filters_link.tsx
index a81db2efa..7fb9c39b2 100644
--- a/frontend/app/components/ui/Icons/filters_link.tsx
+++ b/frontend/app/components/ui/Icons/filters_link.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_link(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
-      <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.001 1.001 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 0 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 0 0-4.243-4.243L6.586 4.672z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_location.tsx b/frontend/app/components/ui/Icons/filters_location.tsx
index 9831ccafc..6240154fe 100644
--- a/frontend/app/components/ui/Icons/filters_location.tsx
+++ b/frontend/app/components/ui/Icons/filters_location.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_location(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_memory_load.tsx b/frontend/app/components/ui/Icons/filters_memory_load.tsx
index 2ac3740fb..250026d47 100644
--- a/frontend/app/components/ui/Icons/filters_memory_load.tsx
+++ b/frontend/app/components/ui/Icons/filters_memory_load.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Filters_memory_load(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-      />
-      <path d="M20.719 10h-6.175c-.373 0-.73.149-.993.412l-2.264 2.263a1.406 1.406 0 0 0-.412.994v9.925A1.406 1.406 0 0 0 12.281 25h8.438a1.406 1.406 0 0 0 1.406-1.406V11.406A1.406 1.406 0 0 0 20.719 10Zm-6.563 2.578a.703.703 0 0 1 .703.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 .703-.703Zm1.875 0a.703.703 0 0 1 .703.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 .703-.703Zm2.578.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 1.406 0Zm1.172-.703a.703.703 0 0 1 .703.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 .703-.703Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"/><path d="M20.719 10h-6.175c-.373 0-.73.149-.993.412l-2.264 2.263a1.406 1.406 0 0 0-.412.994v9.925A1.406 1.406 0 0 0 12.281 25h8.438a1.406 1.406 0 0 0 1.406-1.406V11.406A1.406 1.406 0 0 0 20.719 10Zm-6.563 2.578a.703.703 0 0 1 .703.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 .703-.703Zm1.875 0a.703.703 0 0 1 .703.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 .703-.703Zm2.578.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 1.406 0Zm1.172-.703a.703.703 0 0 1 .703.703v1.875a.703.703 0 1 1-1.406 0v-1.875a.703.703 0 0 1 .703-.703Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_metadata.tsx b/frontend/app/components/ui/Icons/filters_metadata.tsx
index 31a1c4a26..205fe74fd 100644
--- a/frontend/app/components/ui/Icons/filters_metadata.tsx
+++ b/frontend/app/components/ui/Icons/filters_metadata.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_metadata(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 640 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M223.9 256c70.7 0 128-57.3 128-128S294.6 0 223.9 0C153.3 0 96 57.3 96 128s57.3 128 127.9 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96c.1-52.9 43.1-96 96-96zm406.7 332.8-90.2-90.3c-12-12-28.3-18.7-45.2-18.7h-79.3c-17.7 0-32 14.3-32 32v79.3c0 17 6.7 33.3 18.7 45.3l90.2 90.3c6.2 6.2 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l92.5-92.5c12.6-12.6 12.6-32.9.1-45.4zM515.5 480l-90.2-90.3c-6-6-9.4-14.1-9.4-22.6v-79.3h79.3c8.5 0 16.6 3.3 22.6 9.4l90.2 90.3-92.5 92.5zm-51.6-160c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zm-64 160H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.3 0 70-16 89.6-16 13.6 0 26.5 2.8 38.4 7.6v-33.4c-12.2-3.7-25-6.2-38.4-6.2-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h351.9c15.6 0 29.3-7.6 38.1-19.1l-23.2-23.2c-2.4 6-8.1 10.3-14.9 10.3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 640 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M223.9 256c70.7 0 128-57.3 128-128S294.6 0 223.9 0C153.3 0 96 57.3 96 128s57.3 128 127.9 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96c.1-52.9 43.1-96 96-96zm406.7 332.8-90.2-90.3c-12-12-28.3-18.7-45.2-18.7h-79.3c-17.7 0-32 14.3-32 32v79.3c0 17 6.7 33.3 18.7 45.3l90.2 90.3c6.2 6.2 14.4 9.4 22.6 9.4 8.2 0 16.4-3.1 22.6-9.4l92.5-92.5c12.6-12.6 12.6-32.9.1-45.4zM515.5 480l-90.2-90.3c-6-6-9.4-14.1-9.4-22.6v-79.3h79.3c8.5 0 16.6 3.3 22.6 9.4l90.2 90.3-92.5 92.5zm-51.6-160c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zm-64 160H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.3 0 70-16 89.6-16 13.6 0 26.5 2.8 38.4 7.6v-33.4c-12.2-3.7-25-6.2-38.4-6.2-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h351.9c15.6 0 29.3-7.6 38.1-19.1l-23.2-23.2c-2.4 6-8.1 10.3-14.9 10.3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_os.tsx b/frontend/app/components/ui/Icons/filters_os.tsx
index 6314c4e4c..e10606f21 100644
--- a/frontend/app/components/ui/Icons/filters_os.tsx
+++ b/frontend/app/components/ui/Icons/filters_os.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_os(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm-.348-6.563c0 .696-.218 1.272-.654 1.729-.436.457-1.002.686-1.697.686-.683 0-1.237-.229-1.662-.686C3.213 9.709 3 9.133 3 8.437V7.415c0-.693.213-1.268.639-1.726C4.064 5.229 4.617 5 5.297 5c.695 0 1.262.23 1.7.688.437.458.655 1.033.655 1.726v1.024Zm-.945-1.03c0-.475-.127-.864-.38-1.169-.255-.304-.598-.457-1.03-.457-.417 0-.746.153-.988.457-.243.305-.364.694-.364 1.168v1.032c0 .479.121.871.364 1.177.242.306.573.46.992.46.435 0 .778-.153 1.03-.458.25-.305.376-.698.376-1.18v-1.03Zm5.055 1.902a.732.732 0 0 0-.264-.582c-.176-.151-.486-.287-.932-.407-.635-.166-1.124-.387-1.466-.662a1.318 1.318 0 0 1-.514-1.08c0-.458.19-.836.568-1.133.38-.297.868-.445 1.467-.445.625 0 1.127.168 1.506.504.379.336.562.74.549 1.21l-.008.024h-.91a.916.916 0 0 0-.297-.709c-.198-.18-.48-.271-.848-.271-.346 0-.612.075-.799.226a.72.72 0 0 0-.279.586c0 .216.101.396.303.54.202.143.536.278 1.002.406.612.164 1.077.39 1.394.68.318.288.477.657.477 1.105 0 .474-.19.85-.568 1.13-.38.28-.877.42-1.495.42-.593 0-1.114-.156-1.562-.47a1.447 1.447 0 0 1-.652-1.291l.007-.024h.914c0 .347.12.605.36.776.24.17.55.256.933.256.352 0 .625-.071.82-.213a.676.676 0 0 0 .294-.576Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm-.348-6.563c0 .696-.218 1.272-.654 1.729-.436.457-1.002.686-1.697.686-.683 0-1.237-.229-1.662-.686C3.213 9.709 3 9.133 3 8.437V7.415c0-.693.213-1.268.639-1.726C4.064 5.229 4.617 5 5.297 5c.695 0 1.262.23 1.7.688.437.458.655 1.033.655 1.726v1.024Zm-.945-1.03c0-.475-.127-.864-.38-1.169-.255-.304-.598-.457-1.03-.457-.417 0-.746.153-.988.457-.243.305-.364.694-.364 1.168v1.032c0 .479.121.871.364 1.177.242.306.573.46.992.46.435 0 .778-.153 1.03-.458.25-.305.376-.698.376-1.18v-1.03Zm5.055 1.902a.732.732 0 0 0-.264-.582c-.176-.151-.486-.287-.932-.407-.635-.166-1.124-.387-1.466-.662a1.318 1.318 0 0 1-.514-1.08c0-.458.19-.836.568-1.133.38-.297.868-.445 1.467-.445.625 0 1.127.168 1.506.504.379.336.562.74.549 1.21l-.008.024h-.91a.916.916 0 0 0-.297-.709c-.198-.18-.48-.271-.848-.271-.346 0-.612.075-.799.226a.72.72 0 0 0-.279.586c0 .216.101.396.303.54.202.143.536.278 1.002.406.612.164 1.077.39 1.394.68.318.288.477.657.477 1.105 0 .474-.19.85-.568 1.13-.38.28-.877.42-1.495.42-.593 0-1.114-.156-1.562-.47a1.447 1.447 0 0 1-.652-1.291l.007-.024h.914c0 .347.12.605.36.776.24.17.55.256.933.256.352 0 .625-.071.82-.213a.676.676 0 0 0 .294-.576Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_perfromance_network_request.tsx b/frontend/app/components/ui/Icons/filters_perfromance_network_request.tsx
index 393534ebc..27648b9a8 100644
--- a/frontend/app/components/ui/Icons/filters_perfromance_network_request.tsx
+++ b/frontend/app/components/ui/Icons/filters_perfromance_network_request.tsx
@@ -9,29 +9,9 @@ interface Props {
 }
 
 function Filters_perfromance_network_request(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 32 32"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-        fill="#000"
-      />
-      <path
-        clipRule="evenodd"
-        d="M15.557 19.567a.625.625 0 0 0 .885 0l2.5-2.5a.627.627 0 0 0-.884-.884l-1.433 1.433v-4.741a.625.625 0 0 0-1.25 0v4.741l-1.432-1.433a.626.626 0 1 0-.886.884l2.5 2.5Z"
-        fill="#000"
-      />
-      <path
-        d="M11.508 10.178A6.913 6.913 0 0 1 16 8.5c3.363 0 6.154 2.5 6.457 5.724 1.99.281 3.543 1.947 3.543 3.992 0 2.245-1.872 4.034-4.141 4.034H10.726C8.135 22.25 6 20.207 6 17.648c0-2.204 1.582-4.03 3.678-4.492.178-1.079.872-2.154 1.83-2.979Zm.816.946c-.947.816-1.441 1.8-1.441 2.57v.56l-.557.061c-1.746.191-3.076 1.625-3.076 3.333C7.25 19.48 8.787 21 10.726 21H21.86c1.616 0 2.891-1.265 2.891-2.784 0-1.52-1.275-2.785-2.891-2.785h-.625v-.625C21.235 12.031 18.91 9.75 16 9.75a5.662 5.662 0 0 0-3.676 1.375v-.001Z"
-        fill="#000"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z" fill="#000"/><path clipRule="evenodd" d="M15.557 19.567a.625.625 0 0 0 .885 0l2.5-2.5a.627.627 0 0 0-.884-.884l-1.433 1.433v-4.741a.625.625 0 0 0-1.25 0v4.741l-1.432-1.433a.626.626 0 1 0-.886.884l2.5 2.5Z" fill="#000"/><path d="M11.508 10.178A6.913 6.913 0 0 1 16 8.5c3.363 0 6.154 2.5 6.457 5.724 1.99.281 3.543 1.947 3.543 3.992 0 2.245-1.872 4.034-4.141 4.034H10.726C8.135 22.25 6 20.207 6 17.648c0-2.204 1.582-4.03 3.678-4.492.178-1.079.872-2.154 1.83-2.979Zm.816.946c-.947.816-1.441 1.8-1.441 2.57v.56l-.557.061c-1.746.191-3.076 1.625-3.076 3.333C7.25 19.48 8.787 21 10.726 21H21.86c1.616 0 2.891-1.265 2.891-2.784 0-1.52-1.275-2.785-2.891-2.785h-.625v-.625C21.235 12.031 18.91 9.75 16 9.75a5.662 5.662 0 0 0-3.676 1.375v-.001Z" fill="#000"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_platform.tsx b/frontend/app/components/ui/Icons/filters_platform.tsx
index e51c30043..bb0aa1c42 100644
--- a/frontend/app/components/ui/Icons/filters_platform.tsx
+++ b/frontend/app/components/ui/Icons/filters_platform.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_platform(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 640 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M608 128H416a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32zm0 352H416V160h192zM96 32h384v64h32V32a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v256H16a16 16 0 0 0-16 16v16a64.14 64.14 0 0 0 63.91 64H352v-32H63.91A32 32 0 0 1 32 320h320v-32H96z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 640 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M608 128H416a32 32 0 0 0-32 32v320a32 32 0 0 0 32 32h192a32 32 0 0 0 32-32V160a32 32 0 0 0-32-32zm0 352H416V160h192zM96 32h384v64h32V32a32 32 0 0 0-32-32H96a32 32 0 0 0-32 32v256H16a16 16 0 0 0-16 16v16a64.14 64.14 0 0 0 63.91 64H352v-32H63.91A32 32 0 0 1 32 320h320v-32H96z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_referrer.tsx b/frontend/app/components/ui/Icons/filters_referrer.tsx
index 2aa323d99..c5c01e612 100644
--- a/frontend/app/components/ui/Icons/filters_referrer.tsx
+++ b/frontend/app/components/ui/Icons/filters_referrer.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_referrer(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_resize.tsx b/frontend/app/components/ui/Icons/filters_resize.tsx
index 7c318866d..bf4e03b95 100644
--- a/frontend/app/components/ui/Icons/filters_resize.tsx
+++ b/frontend/app/components/ui/Icons/filters_resize.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_resize(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 30 30" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.746 15.029a.544.544 0 0 0 0 .837l7.752 6.342a.517.517 0 0 0 .327.117.53.53 0 0 0 .524-.536V9.105c0-.122-.04-.24-.115-.335a.516.516 0 0 0-.736-.083l-7.752 6.342ZM8.844 7.85a1.548 1.548 0 0 1 2.208.251c.223.285.345.64.345 1.004V21.79c0 .888-.704 1.608-1.572 1.608a1.55 1.55 0 0 1-.981-.353l-7.752-6.342a1.632 1.632 0 0 1 0-2.51L8.844 7.85ZM28.234 15.782a.544.544 0 0 0-.082-.753l-7.751-6.342a.517.517 0 0 0-.327-.118.53.53 0 0 0-.524.536v12.684c0 .122.04.24.115.335.18.231.51.269.736.084l7.751-6.342a.53.53 0 0 0 .082-.084Zm-7.179 7.262a1.548 1.548 0 0 1-2.209-.25 1.63 1.63 0 0 1-.344-1.005V9.105c0-.888.704-1.607 1.572-1.607.356 0 .703.124.981.352l7.752 6.342a1.632 1.632 0 0 1 0 2.51l-7.752 6.342ZM14.414 4h1.071v22h-1.071z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 30 30" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.746 15.029a.544.544 0 0 0 0 .837l7.752 6.342a.517.517 0 0 0 .327.117.53.53 0 0 0 .524-.536V9.105c0-.122-.04-.24-.115-.335a.516.516 0 0 0-.736-.083l-7.752 6.342ZM8.844 7.85a1.548 1.548 0 0 1 2.208.251c.223.285.345.64.345 1.004V21.79c0 .888-.704 1.608-1.572 1.608a1.55 1.55 0 0 1-.981-.353l-7.752-6.342a1.632 1.632 0 0 1 0-2.51L8.844 7.85ZM28.234 15.782a.544.544 0 0 0-.082-.753l-7.751-6.342a.517.517 0 0 0-.327-.118.53.53 0 0 0-.524.536v12.684c0 .122.04.24.115.335.18.231.51.269.736.084l7.751-6.342a.53.53 0 0 0 .082-.084Zm-7.179 7.262a1.548 1.548 0 0 1-2.209-.25 1.63 1.63 0 0 1-.344-1.005V9.105c0-.888.704-1.607 1.572-1.607.356 0 .703.124.981.352l7.752 6.342a1.632 1.632 0 0 1 0 2.51l-7.752 6.342ZM14.414 4h1.071v22h-1.071z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_rev_id.tsx b/frontend/app/components/ui/Icons/filters_rev_id.tsx
index 2dacdedd4..9e413b370 100644
--- a/frontend/app/components/ui/Icons/filters_rev_id.tsx
+++ b/frontend/app/components/ui/Icons/filters_rev_id.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_rev_id(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M216 185h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm96 96h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm-96 0h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm-96 0h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm96 96h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zM432 33H16A16 16 0 0 0 0 49v416a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V49a16 16 0 0 0-16-16zm-16 416H32V65h384z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M216 185h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm96 96h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm-96 0h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm-96 0h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zm96 96h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16zM432 33H16A16 16 0 0 0 0 49v416a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V49a16 16 0 0 0-16-16zm-16 416H32V65h384z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_screen.tsx b/frontend/app/components/ui/Icons/filters_screen.tsx
index c0c373aca..28bb7387e 100644
--- a/frontend/app/components/ui/Icons/filters_screen.tsx
+++ b/frontend/app/components/ui/Icons/filters_screen.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Filters_screen(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2M21 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2" />
-      <circle cx="12" cy="12" r="1" />
-      <path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M21 17v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2M21 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2"/><circle cx="12" cy="12" r="1"/><path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_state_action.tsx b/frontend/app/components/ui/Icons/filters_state_action.tsx
index 796c6e4c3..f307301c8 100644
--- a/frontend/app/components/ui/Icons/filters_state_action.tsx
+++ b/frontend/app/components/ui/Icons/filters_state_action.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_state_action(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4 4v2H2V4h2zm1 7V9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 5V9a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 4v2H7V4h2zm5 0h-2v2h2V4zM4 9v2H2V9h2zm5 0v2H7V9h2zm5 0v2h-2V9h2zm-3-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 4v2H2V4h2zm1 7V9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 5V9a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 4v2H7V4h2zm5 0h-2v2h2V4zM4 9v2H2V9h2zm5 0v2H7V9h2zm5 0v2h-2V9h2zm-3-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_tag_element.tsx b/frontend/app/components/ui/Icons/filters_tag_element.tsx
index 41ae6efe0..bd5c1fc50 100644
--- a/frontend/app/components/ui/Icons/filters_tag_element.tsx
+++ b/frontend/app/components/ui/Icons/filters_tag_element.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Filters_tag_element(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path
-          clipRule="evenodd"
-          d="M1.958 6.664a3.908 3.908 0 0 0 .785 2.318c.046.036.088.08.123.13.29.408.837.959 1.531 1.404.695.446 1.484.752 2.263.752a.625.625 0 1 1 0 1.25c-1.096 0-2.119-.424-2.937-.95-.82-.525-1.487-1.184-1.876-1.734l-.007-.01a.626.626 0 0 1-.115-.118A5.158 5.158 0 0 1 .708 6.672v-.005C.708 3.252 4.112.708 8 .708c3.887 0 7.291 2.544 7.291 5.959v.013a5.416 5.416 0 0 1-.248 1.508.625.625 0 1 1-1.193-.376c.118-.373.182-.761.191-1.152C14.037 4.184 11.47 1.958 8 1.958c-3.472 0-6.04 2.229-6.042 4.706Zm8 6.457V8.778l3.01 3.076-1.317-.44a.625.625 0 0 0-.718.246l-.975 1.46Zm.135-5.988a.84.84 0 0 0-.54-.198h-.018a.852.852 0 0 0-.827.852v6.666a.858.858 0 0 0 .589.807c.063.021.13.032.196.032h.06a.858.858 0 0 0 .706-.372l1.449-2.17 2.54.85c.06.02.122.03.185.032a.845.845 0 0 0 .58-1.476l-4.873-4.98a.618.618 0 0 0-.047-.043Z"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="none" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><g><path clipRule="evenodd" d="M1.958 6.664a3.908 3.908 0 0 0 .785 2.318c.046.036.088.08.123.13.29.408.837.959 1.531 1.404.695.446 1.484.752 2.263.752a.625.625 0 1 1 0 1.25c-1.096 0-2.119-.424-2.937-.95-.82-.525-1.487-1.184-1.876-1.734l-.007-.01a.626.626 0 0 1-.115-.118A5.158 5.158 0 0 1 .708 6.672v-.005C.708 3.252 4.112.708 8 .708c3.887 0 7.291 2.544 7.291 5.959v.013a5.416 5.416 0 0 1-.248 1.508.625.625 0 1 1-1.193-.376c.118-.373.182-.761.191-1.152C14.037 4.184 11.47 1.958 8 1.958c-3.472 0-6.04 2.229-6.042 4.706Zm8 6.457V8.778l3.01 3.076-1.317-.44a.625.625 0 0 0-.718.246l-.975 1.46Zm.135-5.988a.84.84 0 0 0-.54-.198h-.018a.852.852 0 0 0-.827.852v6.666a.858.858 0 0 0 .589.807c.063.021.13.032.196.032h.06a.858.858 0 0 0 .706-.372l1.449-2.17 2.54.85c.06.02.122.03.185.032a.845.845 0 0 0 .58-1.476l-4.873-4.98a.618.618 0 0 0-.047-.043Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_ttfb.tsx b/frontend/app/components/ui/Icons/filters_ttfb.tsx
index 8106f2dc4..fd0fb49ee 100644
--- a/frontend/app/components/ui/Icons/filters_ttfb.tsx
+++ b/frontend/app/components/ui/Icons/filters_ttfb.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Filters_ttfb(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" />
-      <g>
-        <path d="M14.094 15.625a.469.469 0 0 0-.469.469v2.812a.469.469 0 0 0 .469.469h2.812a.469.469 0 0 0 .469-.469v-2.812a.469.469 0 0 0-.469-.469h-2.812Z" />
-        <path d="M13.156 10.469a.469.469 0 1 0-.937 0v1.406a2.343 2.343 0 0 0-2.344 2.344H8.469a.469.469 0 1 0 0 .937h1.406v.938H8.469a.469.469 0 1 0 0 .937h1.406v.938H8.469a.469.469 0 1 0 0 .937h1.406v.938H8.469a.469.469 0 1 0 0 .937h1.406a2.343 2.343 0 0 0 2.344 2.344v1.406a.469.469 0 1 0 .937 0v-1.406h.938v1.406a.469.469 0 1 0 .937 0v-1.406h.938v1.406a.469.469 0 1 0 .937 0v-1.406h.938v1.406a.469.469 0 1 0 .937 0v-1.406a2.343 2.343 0 0 0 2.344-2.344h1.406a.469.469 0 1 0 0-.937h-1.406v-.938h1.406a.469.469 0 1 0 0-.937h-1.406v-.938h1.406a.469.469 0 1 0 0-.937h-1.406v-.938h1.406a.469.469 0 1 0 0-.937h-1.406a2.343 2.343 0 0 0-2.344-2.344v-1.406a.469.469 0 1 0-.937 0v1.406h-.938v-1.406a.469.469 0 1 0-.937 0v1.406h-.938v-1.406a.469.469 0 1 0-.937 0v1.406h-.938v-1.406Zm.938 4.219h2.812a1.406 1.406 0 0 1 1.407 1.406v2.812a1.406 1.406 0 0 1-1.407 1.407h-2.812a1.406 1.406 0 0 1-1.406-1.407v-2.812a1.406 1.406 0 0 1 1.406-1.407Z" />
-      </g>
-      <path
-        clipRule="evenodd"
-        d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"
-      />
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(8 10)" d="M0 0h15v15H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><g><path d="M14.094 15.625a.469.469 0 0 0-.469.469v2.812a.469.469 0 0 0 .469.469h2.812a.469.469 0 0 0 .469-.469v-2.812a.469.469 0 0 0-.469-.469h-2.812Z"/><path d="M13.156 10.469a.469.469 0 1 0-.937 0v1.406a2.343 2.343 0 0 0-2.344 2.344H8.469a.469.469 0 1 0 0 .937h1.406v.938H8.469a.469.469 0 1 0 0 .937h1.406v.938H8.469a.469.469 0 1 0 0 .937h1.406v.938H8.469a.469.469 0 1 0 0 .937h1.406a2.343 2.343 0 0 0 2.344 2.344v1.406a.469.469 0 1 0 .937 0v-1.406h.938v1.406a.469.469 0 1 0 .937 0v-1.406h.938v1.406a.469.469 0 1 0 .937 0v-1.406h.938v1.406a.469.469 0 1 0 .937 0v-1.406a2.343 2.343 0 0 0 2.344-2.344h1.406a.469.469 0 1 0 0-.937h-1.406v-.938h1.406a.469.469 0 1 0 0-.937h-1.406v-.938h1.406a.469.469 0 1 0 0-.937h-1.406v-.938h1.406a.469.469 0 1 0 0-.937h-1.406a2.343 2.343 0 0 0-2.344-2.344v-1.406a.469.469 0 1 0-.937 0v1.406h-.938v-1.406a.469.469 0 1 0-.937 0v1.406h-.938v-1.406a.469.469 0 1 0-.937 0v1.406h-.938v-1.406Zm.938 4.219h2.812a1.406 1.406 0 0 1 1.407 1.406v2.812a1.406 1.406 0 0 1-1.407 1.407h-2.812a1.406 1.406 0 0 1-1.406-1.407v-2.812a1.406 1.406 0 0 1 1.406-1.407Z"/></g><path clipRule="evenodd" d="M1.172 3.172A4 4 0 0 1 4 2h24a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V6a4 4 0 0 1 1.172-2.828ZM30 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V9Z"/><defs><clipPath id="a"><path fill="#fff" transform="translate(8 10)" d="M0 0h15v15H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_user_alt.tsx b/frontend/app/components/ui/Icons/filters_user_alt.tsx
index 1a9b69c9d..e6e4a4529 100644
--- a/frontend/app/components/ui/Icons/filters_user_alt.tsx
+++ b/frontend/app/components/ui/Icons/filters_user_alt.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_user_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
-      <path d="M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_userid.tsx b/frontend/app/components/ui/Icons/filters_userid.tsx
index 588e57e29..cb322f76b 100644
--- a/frontend/app/components/ui/Icons/filters_userid.tsx
+++ b/frontend/app/components/ui/Icons/filters_userid.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Filters_userid(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/filters_view.tsx b/frontend/app/components/ui/Icons/filters_view.tsx
index 2a656e24e..c9c5e70fe 100644
--- a/frontend/app/components/ui/Icons/filters_view.tsx
+++ b/frontend/app/components/ui/Icons/filters_view.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Filters_view(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
-      <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/flag_na.tsx b/frontend/app/components/ui/Icons/flag_na.tsx
index fc466e431..84fc5c16c 100644
--- a/frontend/app/components/ui/Icons/flag_na.tsx
+++ b/frontend/app/components/ui/Icons/flag_na.tsx
@@ -9,15 +9,9 @@ interface Props {
 }
 
 function Flag_na(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 22 14" width={`${width}px`} height={`${height}px`}>
-      <path
-        clipRule="evenodd"
-        d="M2 0a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm9.076 10V3.602H9.98v4.592L7.103 3.602H6V10h1.103V5.417L9.973 10h1.103Zm3.964-6.398h.263L17.72 10h-1.16l-.518-1.499h-2.477L13.05 10h-1.156l2.408-6.398h.739Zm-1.173 4.025h1.873l-.938-2.714-.935 2.714Z"
-        fill="#C4C4C4"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 22 14" width={ `${ width }px` } height={ `${ height }px` } ><path clipRule="evenodd" d="M2 0a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm9.076 10V3.602H9.98v4.592L7.103 3.602H6V10h1.103V5.417L9.973 10h1.103Zm3.964-6.398h.263L17.72 10h-1.16l-.518-1.499h-2.477L13.05 10h-1.156l2.408-6.398h.739Zm-1.173 4.025h1.873l-.938-2.714-.935 2.714Z" fill="#C4C4C4"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/folder2.tsx b/frontend/app/components/ui/Icons/folder2.tsx
index beb6aed9e..612a035fd 100644
--- a/frontend/app/components/ui/Icons/folder2.tsx
+++ b/frontend/app/components/ui/Icons/folder2.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Folder2(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9zM2.5 3a.5.5 0 0 0-.5.5V6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5zM14 7H2v5.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V7z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9zM2.5 3a.5.5 0 0 0-.5.5V6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5zM14 7H2v5.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V7z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/folder_plus.tsx b/frontend/app/components/ui/Icons/folder_plus.tsx
index bc1827806..351aa0b23 100644
--- a/frontend/app/components/ui/Icons/folder_plus.tsx
+++ b/frontend/app/components/ui/Icons/folder_plus.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Folder_plus(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z" />
-      <path d="M13.5 10a.5.5 0 0 1 .5.5V12h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V13h-1.5a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z"/><path d="M13.5 10a.5.5 0 0 1 .5.5V12h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V13h-1.5a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/fullscreen.tsx b/frontend/app/components/ui/Icons/fullscreen.tsx
index 5e3b68180..ba095f6df 100644
--- a/frontend/app/components/ui/Icons/fullscreen.tsx
+++ b/frontend/app/components/ui/Icons/fullscreen.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Fullscreen(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel.tsx b/frontend/app/components/ui/Icons/funnel.tsx
index ef5ed38a7..bf7f13db9 100644
--- a/frontend/app/components/ui/Icons/funnel.tsx
+++ b/frontend/app/components/ui/Icons/funnel.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Funnel(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_cpu.tsx b/frontend/app/components/ui/Icons/funnel_cpu.tsx
index 36e9294e5..ebc54ec2d 100644
--- a/frontend/app/components/ui/Icons/funnel_cpu.tsx
+++ b/frontend/app/components/ui/Icons/funnel_cpu.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_cpu(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_cpu_fill.tsx b/frontend/app/components/ui/Icons/funnel_cpu_fill.tsx
index f14c4003e..bd65c0de1 100644
--- a/frontend/app/components/ui/Icons/funnel_cpu_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_cpu_fill.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_cpu_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" />
-      <path d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/><path d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_dizzy.tsx b/frontend/app/components/ui/Icons/funnel_dizzy.tsx
index 64b12c90e..ca990315a 100644
--- a/frontend/app/components/ui/Icons/funnel_dizzy.tsx
+++ b/frontend/app/components/ui/Icons/funnel_dizzy.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_dizzy(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 496 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 464c-119.1 0-216-96.9-216-216S128.9 40 248 40s216 96.9 216 216-96.9 216-216 216zm0-184c-35.3 0-64 28.7-64 64s28.7 64 64 64 64-28.7 64-64-28.7-64-64-64zm0 96c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm-28.7-140.7c6.2-6.2 6.2-16.4 0-22.6L190.6 192l28.7-28.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L168 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.3 16.4 6.3 22.6 0zm160-102.6c-6.2-6.2-16.4-6.2-22.6 0L328 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.2 16.4 6.3 22.6 0 6.2-6.2 6.2-16.4 0-22.6L350.6 192l28.7-28.7c6.3-6.2 6.3-16.4 0-22.6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 496 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 464c-119.1 0-216-96.9-216-216S128.9 40 248 40s216 96.9 216 216-96.9 216-216 216zm0-184c-35.3 0-64 28.7-64 64s28.7 64 64 64 64-28.7 64-64-28.7-64-64-64zm0 96c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm-28.7-140.7c6.2-6.2 6.2-16.4 0-22.6L190.6 192l28.7-28.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L168 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.3 16.4 6.3 22.6 0zm160-102.6c-6.2-6.2-16.4-6.2-22.6 0L328 169.4l-28.7-28.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l28.7 28.7-28.7 28.7c-6.2 6.2-6.2 16.4 0 22.6 6.2 6.2 16.4 6.3 22.6 0l28.7-28.7 28.7 28.7c6.2 6.2 16.4 6.3 22.6 0 6.2-6.2 6.2-16.4 0-22.6L350.6 192l28.7-28.7c6.3-6.2 6.3-16.4 0-22.6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_emoji_angry.tsx b/frontend/app/components/ui/Icons/funnel_emoji_angry.tsx
index 84f9ae481..fb2e99884 100644
--- a/frontend/app/components/ui/Icons/funnel_emoji_angry.tsx
+++ b/frontend/app/components/ui/Icons/funnel_emoji_angry.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_emoji_angry(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_emoji_angry_fill.tsx b/frontend/app/components/ui/Icons/funnel_emoji_angry_fill.tsx
index 459956d5a..f3f905aa4 100644
--- a/frontend/app/components/ui/Icons/funnel_emoji_angry_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_emoji_angry_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_emoji_angry_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.053 4.276a.5.5 0 0 1 .67-.223l2 1a.5.5 0 0 1 .166.76c.071.206.111.44.111.687C7 7.328 6.552 8 6 8s-1-.672-1-1.5c0-.408.109-.778.285-1.049l-1.009-.504a.5.5 0 0 1-.223-.67zm.232 8.157a.5.5 0 0 1-.183-.683A4.498 4.498 0 0 1 8 9.5a4.5 4.5 0 0 1 3.898 2.25.5.5 0 1 1-.866.5A3.498 3.498 0 0 0 8 10.5a3.498 3.498 0 0 0-3.032 1.75.5.5 0 0 1-.683.183zM10 8c-.552 0-1-.672-1-1.5 0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.053 4.276a.5.5 0 0 1 .67-.223l2 1a.5.5 0 0 1 .166.76c.071.206.111.44.111.687C7 7.328 6.552 8 6 8s-1-.672-1-1.5c0-.408.109-.778.285-1.049l-1.009-.504a.5.5 0 0 1-.223-.67zm.232 8.157a.5.5 0 0 1-.183-.683A4.498 4.498 0 0 1 8 9.5a4.5 4.5 0 0 1 3.898 2.25.5.5 0 1 1-.866.5A3.498 3.498 0 0 0 8 10.5a3.498 3.498 0 0 0-3.032 1.75.5.5 0 0 1-.683.183zM10 8c-.552 0-1-.672-1-1.5 0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_emoji_dizzy_fill.tsx b/frontend/app/components/ui/Icons/funnel_emoji_dizzy_fill.tsx
index c5adbeb8a..d1b2a1e65 100644
--- a/frontend/app/components/ui/Icons/funnel_emoji_dizzy_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_emoji_dizzy_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_emoji_dizzy_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zm5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zM8 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zm5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zM8 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_exclamation_circle.tsx b/frontend/app/components/ui/Icons/funnel_exclamation_circle.tsx
index f0d6e9596..a7896e05d 100644
--- a/frontend/app/components/ui/Icons/funnel_exclamation_circle.tsx
+++ b/frontend/app/components/ui/Icons/funnel_exclamation_circle.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Funnel_exclamation_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="12" cy="12" r="10" />
-      <path d="M12 8v4M12 16h.01" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_exclamation_circle_fill.tsx b/frontend/app/components/ui/Icons/funnel_exclamation_circle_fill.tsx
index 6fb70d35f..d2efad22e 100644
--- a/frontend/app/components/ui/Icons/funnel_exclamation_circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_exclamation_circle_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_exclamation_circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_file_earmark_break.tsx b/frontend/app/components/ui/Icons/funnel_file_earmark_break.tsx
index 10e4ae915..45123aad8 100644
--- a/frontend/app/components/ui/Icons/funnel_file_earmark_break.tsx
+++ b/frontend/app/components/ui/Icons/funnel_file_earmark_break.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_file_earmark_break(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 4.5V9h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v7H2V2a2 2 0 0 1 2-2h5.5L14 4.5zM13 12h1v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2h1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 4.5V9h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v7H2V2a2 2 0 0 1 2-2h5.5L14 4.5zM13 12h1v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2h1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_file_earmark_break_fill.tsx b/frontend/app/components/ui/Icons/funnel_file_earmark_break_fill.tsx
index c840a4e7f..189145195 100644
--- a/frontend/app/components/ui/Icons/funnel_file_earmark_break_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_file_earmark_break_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_file_earmark_break_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V9H2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM2 12h12v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V9H2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM2 12h12v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_file_earmark_minus.tsx b/frontend/app/components/ui/Icons/funnel_file_earmark_minus.tsx
index d54ef8d2c..7ec659e7c 100644
--- a/frontend/app/components/ui/Icons/funnel_file_earmark_minus.tsx
+++ b/frontend/app/components/ui/Icons/funnel_file_earmark_minus.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_file_earmark_minus(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5.5 9a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z" />
-      <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5.5 9a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/><path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_file_earmark_minus_fill.tsx b/frontend/app/components/ui/Icons/funnel_file_earmark_minus_fill.tsx
index fad4d1039..433aa6074 100644
--- a/frontend/app/components/ui/Icons/funnel_file_earmark_minus_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_file_earmark_minus_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_file_earmark_minus_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6 8.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6 8.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_file_medical_alt.tsx b/frontend/app/components/ui/Icons/funnel_file_medical_alt.tsx
index e8bc31b03..0997491d9 100644
--- a/frontend/app/components/ui/Icons/funnel_file_medical_alt.tsx
+++ b/frontend/app/components/ui/Icons/funnel_file_medical_alt.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_file_medical_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" />
-      <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/><path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_file_x.tsx b/frontend/app/components/ui/Icons/funnel_file_x.tsx
index 8668d62eb..8ad8d8dc5 100644
--- a/frontend/app/components/ui/Icons/funnel_file_x.tsx
+++ b/frontend/app/components/ui/Icons/funnel_file_x.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_file_x(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.146 6.146a.5.5 0 0 1 .708 0L8 7.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 8l1.147 1.146a.5.5 0 0 1-.708.708L8 8.707 6.854 9.854a.5.5 0 0 1-.708-.708L7.293 8 6.146 6.854a.5.5 0 0 1 0-.708z" />
-      <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.146 6.146a.5.5 0 0 1 .708 0L8 7.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 8l1.147 1.146a.5.5 0 0 1-.708.708L8 8.707 6.854 9.854a.5.5 0 0 1-.708-.708L7.293 8 6.146 6.854a.5.5 0 0 1 0-.708z"/><path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_fill.tsx b/frontend/app/components/ui/Icons/funnel_fill.tsx
index d067d250b..a246fbf2d 100644
--- a/frontend/app/components/ui/Icons/funnel_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_hdd_fill.tsx b/frontend/app/components/ui/Icons/funnel_hdd_fill.tsx
index 1f51c4068..5184e8719 100644
--- a/frontend/app/components/ui/Icons/funnel_hdd_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_hdd_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_hdd_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 10a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-1zm2.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM.91 7.204A2.993 2.993 0 0 1 2 7h12c.384 0 .752.072 1.09.204l-1.867-3.422A1.5 1.5 0 0 0 11.906 3H4.094a1.5 1.5 0 0 0-1.317.782L.91 7.204z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 10a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-1zm2.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM.91 7.204A2.993 2.993 0 0 1 2 7h12c.384 0 .752.072 1.09.204l-1.867-3.422A1.5 1.5 0 0 0 11.906 3H4.094a1.5 1.5 0 0 0-1.317.782L.91 7.204z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_hourglass_top.tsx b/frontend/app/components/ui/Icons/funnel_hourglass_top.tsx
index 817af7fe2..b33810c43 100644
--- a/frontend/app/components/ui/Icons/funnel_hourglass_top.tsx
+++ b/frontend/app/components/ui/Icons/funnel_hourglass_top.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_hourglass_top(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2 14.5a.5.5 0 0 0 .5.5h11a.5.5 0 1 0 0-1h-1v-1a4.5 4.5 0 0 0-2.557-4.06c-.29-.139-.443-.377-.443-.59v-.7c0-.213.154-.451.443-.59A4.5 4.5 0 0 0 12.5 3V2h1a.5.5 0 0 0 0-1h-11a.5.5 0 0 0 0 1h1v1a4.5 4.5 0 0 0 2.557 4.06c.29.139.443.377.443.59v.7c0 .213-.154.451-.443.59A4.5 4.5 0 0 0 3.5 13v1h-1a.5.5 0 0 0-.5.5zm2.5-.5v-1a3.5 3.5 0 0 1 1.989-3.158c.533-.256 1.011-.79 1.011-1.491v-.702s.18.101.5.101.5-.1.5-.1v.7c0 .701.478 1.236 1.011 1.492A3.5 3.5 0 0 1 11.5 13v1h-7z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2 14.5a.5.5 0 0 0 .5.5h11a.5.5 0 1 0 0-1h-1v-1a4.5 4.5 0 0 0-2.557-4.06c-.29-.139-.443-.377-.443-.59v-.7c0-.213.154-.451.443-.59A4.5 4.5 0 0 0 12.5 3V2h1a.5.5 0 0 0 0-1h-11a.5.5 0 0 0 0 1h1v1a4.5 4.5 0 0 0 2.557 4.06c.29.139.443.377.443.59v.7c0 .213-.154.451-.443.59A4.5 4.5 0 0 0 3.5 13v1h-1a.5.5 0 0 0-.5.5zm2.5-.5v-1a3.5 3.5 0 0 1 1.989-3.158c.533-.256 1.011-.79 1.011-1.491v-.702s.18.101.5.101.5-.1.5-.1v.7c0 .701.478 1.236 1.011 1.492A3.5 3.5 0 0 1 11.5 13v1h-7z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_image.tsx b/frontend/app/components/ui/Icons/funnel_image.tsx
index 2f2cd862e..993b747dc 100644
--- a/frontend/app/components/ui/Icons/funnel_image.tsx
+++ b/frontend/app/components/ui/Icons/funnel_image.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_image(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" />
-      <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/><path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_image_fill.tsx b/frontend/app/components/ui/Icons/funnel_image_fill.tsx
index c18130cd8..b8acb9acd 100644
--- a/frontend/app/components/ui/Icons/funnel_image_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_image_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_image_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_microchip.tsx b/frontend/app/components/ui/Icons/funnel_microchip.tsx
index d53315b96..6f6996d3e 100644
--- a/frontend/app/components/ui/Icons/funnel_microchip.tsx
+++ b/frontend/app/components/ui/Icons/funnel_microchip.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_microchip(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M24 190v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42v-48H30a6 6 0 0 0-6 6zm0-96v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42V88H30a6 6 0 0 0-6 6zm482 6h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm0 192h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm0-96h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm0 192h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm-482-6v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42v-48H30a6 6 0 0 0-6 6zm0-96v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42v-48H30a6 6 0 0 0-6 6z" />
-      <path d="M144 512a48 48 0 0 1-48-48V48a48 48 0 0 1 48-48h224a48 48 0 0 1 48 48v416a48 48 0 0 1-48 48z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M24 190v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42v-48H30a6 6 0 0 0-6 6zm0-96v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42V88H30a6 6 0 0 0-6 6zm482 6h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm0 192h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm0-96h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm0 192h-18v-6a6 6 0 0 0-6-6h-42v48h42a6 6 0 0 0 6-6v-6h18a6 6 0 0 0 6-6v-12a6 6 0 0 0-6-6zm-482-6v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42v-48H30a6 6 0 0 0-6 6zm0-96v6H6a6 6 0 0 0-6 6v12a6 6 0 0 0 6 6h18v6a6 6 0 0 0 6 6h42v-48H30a6 6 0 0 0-6 6z"/><path d="M144 512a48 48 0 0 1-48-48V48a48 48 0 0 1 48-48h224a48 48 0 0 1 48 48v416a48 48 0 0 1-48 48z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_mouse.tsx b/frontend/app/components/ui/Icons/funnel_mouse.tsx
index 9b73f3315..89daa5686 100644
--- a/frontend/app/components/ui/Icons/funnel_mouse.tsx
+++ b/frontend/app/components/ui/Icons/funnel_mouse.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_mouse(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm4 8a4 4 0 0 1-8 0V5a4 4 0 1 1 8 0v6zM8 0a5 5 0 0 0-5 5v6a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm4 8a4 4 0 0 1-8 0V5a4 4 0 1 1 8 0v6zM8 0a5 5 0 0 0-5 5v6a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_patch_exclamation_fill.tsx b/frontend/app/components/ui/Icons/funnel_patch_exclamation_fill.tsx
index c1ec77aa7..2b6ddb195 100644
--- a/frontend/app/components/ui/Icons/funnel_patch_exclamation_fill.tsx
+++ b/frontend/app/components/ui/Icons/funnel_patch_exclamation_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Funnel_patch_exclamation_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/funnel_sd_card.tsx b/frontend/app/components/ui/Icons/funnel_sd_card.tsx
index 09847f9e3..305ce03e8 100644
--- a/frontend/app/components/ui/Icons/funnel_sd_card.tsx
+++ b/frontend/app/components/ui/Icons/funnel_sd_card.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Funnel_sd_card(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.25 3.5a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2z" />
-      <path d="M5.914 0H12.5A1.5 1.5 0 0 1 14 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5V3.914c0-.398.158-.78.44-1.06L4.853.439A1.5 1.5 0 0 1 5.914 0zM13 1.5a.5.5 0 0 0-.5-.5H5.914a.5.5 0 0 0-.353.146L3.146 3.561A.5.5 0 0 0 3 3.914V14.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-13z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.25 3.5a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2z"/><path d="M5.914 0H12.5A1.5 1.5 0 0 1 14 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5V3.914c0-.398.158-.78.44-1.06L4.853.439A1.5 1.5 0 0 1 5.914 0zM13 1.5a.5.5 0 0 0-.5-.5H5.914a.5.5 0 0 0-.353.146L3.146 3.561A.5.5 0 0 0 3 3.914V14.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-13z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/gear.tsx b/frontend/app/components/ui/Icons/gear.tsx
index 6eff1e876..5bc71c8b7 100644
--- a/frontend/app/components/ui/Icons/gear.tsx
+++ b/frontend/app/components/ui/Icons/gear.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Gear(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
-      <path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/><path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/github.tsx b/frontend/app/components/ui/Icons/github.tsx
index 115376a16..a34f268c7 100644
--- a/frontend/app/components/ui/Icons/github.tsx
+++ b/frontend/app/components/ui/Icons/github.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Github(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/graph_up.tsx b/frontend/app/components/ui/Icons/graph_up.tsx
index db4679360..9bd6aa820 100644
--- a/frontend/app/components/ui/Icons/graph_up.tsx
+++ b/frontend/app/components/ui/Icons/graph_up.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Graph_up(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M3 3v16a2 2 0 0 0 2 2h16" />
-      <path d="m19 9-5 5-4-4-3 3" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 3v16a2 2 0 0 0 2 2h16"/><path d="m19 9-5 5-4-4-3 3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/grid.tsx b/frontend/app/components/ui/Icons/grid.tsx
index 747250c2c..ce5dfd1cf 100644
--- a/frontend/app/components/ui/Icons/grid.tsx
+++ b/frontend/app/components/ui/Icons/grid.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Grid(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/grid_3x3.tsx b/frontend/app/components/ui/Icons/grid_3x3.tsx
index 7bb7dcf8b..399ef8d12 100644
--- a/frontend/app/components/ui/Icons/grid_3x3.tsx
+++ b/frontend/app/components/ui/Icons/grid_3x3.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Grid_3x3(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5V5h4V1H1.5zM5 6H1v4h4V6zm1 4h4V6H6v4zm-1 1H1v3.5a.5.5 0 0 0 .5.5H5v-4zm1 0v4h4v-4H6zm5 0v4h3.5a.5.5 0 0 0 .5-.5V11h-4zm0-1h4V6h-4v4zm0-5h4V1.5a.5.5 0 0 0-.5-.5H11v4zm-1 0V1H6v4h4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5V5h4V1H1.5zM5 6H1v4h4V6zm1 4h4V6H6v4zm-1 1H1v3.5a.5.5 0 0 0 .5.5H5v-4zm1 0v4h4v-4H6zm5 0v4h3.5a.5.5 0 0 0 .5-.5V11h-4zm0-1h4V6h-4v4zm0-5h4V1.5a.5.5 0 0 0-.5-.5H11v4zm-1 0V1H6v4h4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/grid_check.tsx b/frontend/app/components/ui/Icons/grid_check.tsx
index f077128ff..1d7993221 100644
--- a/frontend/app/components/ui/Icons/grid_check.tsx
+++ b/frontend/app/components/ui/Icons/grid_check.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Grid_check(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 52 52" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.5 32.5h9.75a3.25 3.25 0 0 1 3.25 3.25v9.75a3.25 3.25 0 0 1-3.25 3.25H6.5a3.25 3.25 0 0 1-3.25-3.25v-9.75A3.25 3.25 0 0 1 6.5 32.5ZM35.75 3.25h9.75a3.25 3.25 0 0 1 3.25 3.25v9.75a3.25 3.25 0 0 1-3.25 3.25h-9.75a3.25 3.25 0 0 1-3.25-3.25V6.5a3.25 3.25 0 0 1 3.25-3.25Zm0 29.25a3.25 3.25 0 0 0-3.25 3.25v9.75a3.25 3.25 0 0 0 3.25 3.25h9.75a3.25 3.25 0 0 0 3.25-3.25v-9.75a3.25 3.25 0 0 0-3.25-3.25h-9.75Zm0-32.5a6.5 6.5 0 0 0-6.5 6.5v9.75a6.5 6.5 0 0 0 6.5 6.5h9.75a6.5 6.5 0 0 0 6.5-6.5V6.5A6.5 6.5 0 0 0 45.5 0h-9.75ZM6.5 29.25a6.5 6.5 0 0 0-6.5 6.5v9.75A6.5 6.5 0 0 0 6.5 52h9.75a6.5 6.5 0 0 0 6.5-6.5v-9.75a6.5 6.5 0 0 0-6.5-6.5H6.5Zm22.75 6.5a6.5 6.5 0 0 1 6.5-6.5h9.75a6.5 6.5 0 0 1 6.5 6.5v9.75a6.5 6.5 0 0 1-6.5 6.5h-9.75a6.5 6.5 0 0 1-6.5-6.5v-9.75ZM0 6.5A6.5 6.5 0 0 1 6.5 0h9.75a6.5 6.5 0 0 1 6.5 6.5v9.75a6.5 6.5 0 0 1-6.5 6.5H6.5a6.5 6.5 0 0 1-6.5-6.5V6.5Zm17.4 2.775a1.627 1.627 0 0 0-2.3-2.3l-5.35 5.352-2.1-2.102a1.627 1.627 0 1 0-2.3 2.3l3.25 3.25a1.625 1.625 0 0 0 2.3 0l6.5-6.5Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 52 52" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.5 32.5h9.75a3.25 3.25 0 0 1 3.25 3.25v9.75a3.25 3.25 0 0 1-3.25 3.25H6.5a3.25 3.25 0 0 1-3.25-3.25v-9.75A3.25 3.25 0 0 1 6.5 32.5ZM35.75 3.25h9.75a3.25 3.25 0 0 1 3.25 3.25v9.75a3.25 3.25 0 0 1-3.25 3.25h-9.75a3.25 3.25 0 0 1-3.25-3.25V6.5a3.25 3.25 0 0 1 3.25-3.25Zm0 29.25a3.25 3.25 0 0 0-3.25 3.25v9.75a3.25 3.25 0 0 0 3.25 3.25h9.75a3.25 3.25 0 0 0 3.25-3.25v-9.75a3.25 3.25 0 0 0-3.25-3.25h-9.75Zm0-32.5a6.5 6.5 0 0 0-6.5 6.5v9.75a6.5 6.5 0 0 0 6.5 6.5h9.75a6.5 6.5 0 0 0 6.5-6.5V6.5A6.5 6.5 0 0 0 45.5 0h-9.75ZM6.5 29.25a6.5 6.5 0 0 0-6.5 6.5v9.75A6.5 6.5 0 0 0 6.5 52h9.75a6.5 6.5 0 0 0 6.5-6.5v-9.75a6.5 6.5 0 0 0-6.5-6.5H6.5Zm22.75 6.5a6.5 6.5 0 0 1 6.5-6.5h9.75a6.5 6.5 0 0 1 6.5 6.5v9.75a6.5 6.5 0 0 1-6.5 6.5h-9.75a6.5 6.5 0 0 1-6.5-6.5v-9.75ZM0 6.5A6.5 6.5 0 0 1 6.5 0h9.75a6.5 6.5 0 0 1 6.5 6.5v9.75a6.5 6.5 0 0 1-6.5 6.5H6.5a6.5 6.5 0 0 1-6.5-6.5V6.5Zm17.4 2.775a1.627 1.627 0 0 0-2.3-2.3l-5.35 5.352-2.1-2.102a1.627 1.627 0 1 0-2.3 2.3l3.25 3.25a1.625 1.625 0 0 0 2.3 0l6.5-6.5Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/hash.tsx b/frontend/app/components/ui/Icons/hash.tsx
index 85102e1af..d2fdafc8c 100644
--- a/frontend/app/components/ui/Icons/hash.tsx
+++ b/frontend/app/components/ui/Icons/hash.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Hash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8.39 12.648a1.32 1.32 0 0 0-.015.18c0 .305.21.508.5.508.266 0 .492-.172.555-.477l.554-2.703h1.204c.421 0 .617-.234.617-.547 0-.312-.188-.53-.617-.53h-.985l.516-2.524h1.265c.43 0 .618-.227.618-.547 0-.313-.188-.524-.618-.524h-1.046l.476-2.304a1.06 1.06 0 0 0 .016-.164.51.51 0 0 0-.516-.516.54.54 0 0 0-.539.43l-.523 2.554H7.617l.477-2.304c.008-.04.015-.118.015-.164a.512.512 0 0 0-.523-.516.539.539 0 0 0-.531.43L6.53 5.484H5.414c-.43 0-.617.22-.617.532 0 .312.187.539.617.539h.906l-.515 2.523H4.609c-.421 0-.609.219-.609.531 0 .313.188.547.61.547h.976l-.516 2.492c-.008.04-.015.125-.015.18 0 .305.21.508.5.508.265 0 .492-.172.554-.477l.555-2.703h2.242l-.515 2.492zm-1-6.109h2.266l-.515 2.563H6.859l.532-2.563z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8.39 12.648a1.32 1.32 0 0 0-.015.18c0 .305.21.508.5.508.266 0 .492-.172.555-.477l.554-2.703h1.204c.421 0 .617-.234.617-.547 0-.312-.188-.53-.617-.53h-.985l.516-2.524h1.265c.43 0 .618-.227.618-.547 0-.313-.188-.524-.618-.524h-1.046l.476-2.304a1.06 1.06 0 0 0 .016-.164.51.51 0 0 0-.516-.516.54.54 0 0 0-.539.43l-.523 2.554H7.617l.477-2.304c.008-.04.015-.118.015-.164a.512.512 0 0 0-.523-.516.539.539 0 0 0-.531.43L6.53 5.484H5.414c-.43 0-.617.22-.617.532 0 .312.187.539.617.539h.906l-.515 2.523H4.609c-.421 0-.609.219-.609.531 0 .313.188.547.61.547h.976l-.516 2.492c-.008.04-.015.125-.015.18 0 .305.21.508.5.508.265 0 .492-.172.554-.477l.555-2.703h2.242l-.515 2.492zm-1-6.109h2.266l-.515 2.563H6.859l.532-2.563z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/headset.tsx b/frontend/app/components/ui/Icons/headset.tsx
index b94ce74ac..e077f2c1f 100644
--- a/frontend/app/components/ui/Icons/headset.tsx
+++ b/frontend/app/components/ui/Icons/headset.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Headset(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/history.tsx b/frontend/app/components/ui/Icons/history.tsx
index 618a69719..835841f95 100644
--- a/frontend/app/components/ui/Icons/history.tsx
+++ b/frontend/app/components/ui/Icons/history.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function History(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M20 24h10c6.627 0 12 5.373 12 12v94.625C85.196 57.047 165.239 7.715 256.793 8.001 393.18 8.428 504.213 120.009 504 256.396 503.786 393.181 392.834 504 256 504c-63.926 0-122.202-24.187-166.178-63.908-5.113-4.618-5.354-12.561-.482-17.433l7.069-7.069c4.503-4.503 11.749-4.714 16.482-.454C150.782 449.238 200.935 470 256 470c117.744 0 214-95.331 214-214 0-117.744-95.331-214-214-214-82.862 0-154.737 47.077-190.289 116H164c6.627 0 12 5.373 12 12v10c0 6.627-5.373 12-12 12H20c-6.627 0-12-5.373-12-12V36c0-6.627 5.373-12 12-12zm321.647 315.235 4.706-6.47c3.898-5.36 2.713-12.865-2.647-16.763L272 263.853V116c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v164.147l84.884 61.734c5.36 3.899 12.865 2.714 16.763-2.646z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M20 24h10c6.627 0 12 5.373 12 12v94.625C85.196 57.047 165.239 7.715 256.793 8.001 393.18 8.428 504.213 120.009 504 256.396 503.786 393.181 392.834 504 256 504c-63.926 0-122.202-24.187-166.178-63.908-5.113-4.618-5.354-12.561-.482-17.433l7.069-7.069c4.503-4.503 11.749-4.714 16.482-.454C150.782 449.238 200.935 470 256 470c117.744 0 214-95.331 214-214 0-117.744-95.331-214-214-214-82.862 0-154.737 47.077-190.289 116H164c6.627 0 12 5.373 12 12v10c0 6.627-5.373 12-12 12H20c-6.627 0-12-5.373-12-12V36c0-6.627 5.373-12 12-12zm321.647 315.235 4.706-6.47c3.898-5.36 2.713-12.865-2.647-16.763L272 263.853V116c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v164.147l84.884 61.734c5.36 3.899 12.865 2.714 16.763-2.646z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/ic_errors.tsx b/frontend/app/components/ui/Icons/ic_errors.tsx
index ef022c4d2..ced63a193 100644
--- a/frontend/app/components/ui/Icons/ic_errors.tsx
+++ b/frontend/app/components/ui/Icons/ic_errors.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Ic_errors(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="12" cy="12" r="10" />
-      <path d="M12 8v4M12 16h.01" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/ic_network.tsx b/frontend/app/components/ui/Icons/ic_network.tsx
index e8b7be4de..fec4201d9 100644
--- a/frontend/app/components/ui/Icons/ic_network.tsx
+++ b/frontend/app/components/ui/Icons/ic_network.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Ic_network(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z" />
-      <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z"/><path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/ic_rage.tsx b/frontend/app/components/ui/Icons/ic_rage.tsx
index ee7d1c985..e2fe2a7a7 100644
--- a/frontend/app/components/ui/Icons/ic_rage.tsx
+++ b/frontend/app/components/ui/Icons/ic_rage.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Ic_rage(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/ic_resources.tsx b/frontend/app/components/ui/Icons/ic_resources.tsx
index 2afb99336..e78e94163 100644
--- a/frontend/app/components/ui/Icons/ic_resources.tsx
+++ b/frontend/app/components/ui/Icons/ic_resources.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Ic_resources(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z" />
-      <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/><path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/icn_fetch_request.tsx b/frontend/app/components/ui/Icons/icn_fetch_request.tsx
index 6e4a19e82..f9afbbd7d 100644
--- a/frontend/app/components/ui/Icons/icn_fetch_request.tsx
+++ b/frontend/app/components/ui/Icons/icn_fetch_request.tsx
@@ -9,32 +9,9 @@ interface Props {
 }
 
 function Icn_fetch_request(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0 32 32"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path
-          d="M22 0H10C4.477 0 0 4.477 0 10v12c0 5.523 4.477 10 10 10h12c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10Z"
-          fill="#EEE2F6"
-        />
-        <path
-          d="M16 15.925a9.02 9.02 0 0 0-4.892 1.43.632.632 0 0 1-.849-.134l-1-1.333a.564.564 0 0 1 .126-.81A11.859 11.859 0 0 1 16 13.074c2.446 0 4.718.735 6.614 2.001.268.18.322.55.125.812l-.724.96a.629.629 0 0 1-.364.232 5.39 5.39 0 0 0-.803.246c-1.405-.905-3.068-1.401-4.848-1.401Zm10.34-4.837-1 1.333a.615.615 0 0 1-.84.128A15.007 15.007 0 0 0 16 9.925c-3.155 0-6.086.971-8.5 2.624a.615.615 0 0 1-.84-.128l-1-1.333a.573.573 0 0 1 .123-.817A17.848 17.848 0 0 1 16 7.075c3.795 0 7.317 1.182 10.217 3.196.266.185.32.555.123.817Zm-13.348 8.807a5.91 5.91 0 0 1 3.008-.82c.46 0 .906.058 1.337.163.186.045.311.178.367.346a.698.698 0 0 1-.053.547A5.983 5.983 0 0 0 16.925 23v.004c0 .196 0 .391.035.587l-.487.651a.592.592 0 0 1-.947.001l-2.666-3.555c-.198-.263-.141-.632.133-.793Zm6.22 1.368 1.334-1.6a.592.592 0 0 1 .909 0l1.333 1.6a.403.403 0 0 1-.31.662.553.553 0 0 0-.553.553v2.855a.592.592 0 0 1-.592.592h-.666a.592.592 0 0 1-.592-.592V22.48a.553.553 0 0 0-.553-.554.403.403 0 0 1-.31-.662Zm6.713-.596v2.854c0 .306.248.554.553.554.342 0 .53.399.31.662l-1.334 1.6a.592.592 0 0 1-.909 0l-1.333-1.6a.403.403 0 0 1 .31-.662.553.553 0 0 0 .553-.553v-2.855c0-.327.265-.592.592-.592h.666c.327 0 .592.265.592.592Z"
-          fill="#000"
-          stroke="#EEE2F6"
-          strokeWidth=".15"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h32v32H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M22 0H10C4.477 0 0 4.477 0 10v12c0 5.523 4.477 10 10 10h12c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10Z" fill="#EEE2F6"/><path d="M16 15.925a9.02 9.02 0 0 0-4.892 1.43.632.632 0 0 1-.849-.134l-1-1.333a.564.564 0 0 1 .126-.81A11.859 11.859 0 0 1 16 13.074c2.446 0 4.718.735 6.614 2.001.268.18.322.55.125.812l-.724.96a.629.629 0 0 1-.364.232 5.39 5.39 0 0 0-.803.246c-1.405-.905-3.068-1.401-4.848-1.401Zm10.34-4.837-1 1.333a.615.615 0 0 1-.84.128A15.007 15.007 0 0 0 16 9.925c-3.155 0-6.086.971-8.5 2.624a.615.615 0 0 1-.84-.128l-1-1.333a.573.573 0 0 1 .123-.817A17.848 17.848 0 0 1 16 7.075c3.795 0 7.317 1.182 10.217 3.196.266.185.32.555.123.817Zm-13.348 8.807a5.91 5.91 0 0 1 3.008-.82c.46 0 .906.058 1.337.163.186.045.311.178.367.346a.698.698 0 0 1-.053.547A5.983 5.983 0 0 0 16.925 23v.004c0 .196 0 .391.035.587l-.487.651a.592.592 0 0 1-.947.001l-2.666-3.555c-.198-.263-.141-.632.133-.793Zm6.22 1.368 1.334-1.6a.592.592 0 0 1 .909 0l1.333 1.6a.403.403 0 0 1-.31.662.553.553 0 0 0-.553.553v2.855a.592.592 0 0 1-.592.592h-.666a.592.592 0 0 1-.592-.592V22.48a.553.553 0 0 0-.553-.554.403.403 0 0 1-.31-.662Zm6.713-.596v2.854c0 .306.248.554.553.554.342 0 .53.399.31.662l-1.334 1.6a.592.592 0 0 1-.909 0l-1.333-1.6a.403.403 0 0 1 .31-.662.553.553 0 0 0 .553-.553v-2.855c0-.327.265-.592.592-.592h.666c.327 0 .592.265.592.592Z" fill="#000" stroke="#EEE2F6" strokeWidth=".15"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/icn_referrer.tsx b/frontend/app/components/ui/Icons/icn_referrer.tsx
index 10eae743c..0cc476310 100644
--- a/frontend/app/components/ui/Icons/icn_referrer.tsx
+++ b/frontend/app/components/ui/Icons/icn_referrer.tsx
@@ -9,33 +9,9 @@ interface Props {
 }
 
 function Icn_referrer(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0 32 32"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path
-          d="M22 0H10C4.477 0 0 4.477 0 10v12c0 5.523 4.477 10 10 10h12c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10Z"
-          fill="#E2F6F0"
-        />
-        <path
-          d="M13 7H9a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2ZM11 15v4a2 2 0 0 0 2 2h4M23 17h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2Z"
-          stroke="#000"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h32v32H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M22 0H10C4.477 0 0 4.477 0 10v12c0 5.523 4.477 10 10 10h12c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10Z" fill="#E2F6F0"/><path d="M13 7H9a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2ZM11 15v4a2 2 0 0 0 2 2h4M23 17h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2Z" stroke="#000" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/icn_url.tsx b/frontend/app/components/ui/Icons/icn_url.tsx
index 0d6b836d1..fff72f7df 100644
--- a/frontend/app/components/ui/Icons/icn_url.tsx
+++ b/frontend/app/components/ui/Icons/icn_url.tsx
@@ -9,33 +9,9 @@ interface Props {
 }
 
 function Icn_url(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0 32 32"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path
-          d="M22 0H10C4.477 0 0 4.477 0 10v12c0 5.523 4.477 10 10 10h12c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10Z"
-          fill="#E2E4F6"
-        />
-        <path
-          d="M13 21h-2a5 5 0 0 1 0-10h2M19 11h2a5 5 0 1 1 0 10h-2M12 16h8"
-          stroke="#000"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h32v32H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M22 0H10C4.477 0 0 4.477 0 10v12c0 5.523 4.477 10 10 10h12c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10Z" fill="#E2E4F6"/><path d="M13 21h-2a5 5 0 0 1 0-10h2M19 11h2a5 5 0 1 1 0 10h-2M12 16h8" stroke="#000" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/id_card.tsx b/frontend/app/components/ui/Icons/id_card.tsx
index 6a371cc23..ed3b32d0f 100644
--- a/frontend/app/components/ui/Icons/id_card.tsx
+++ b/frontend/app/components/ui/Icons/id_card.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Id_card(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z" />
-      <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/><path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/image.tsx b/frontend/app/components/ui/Icons/image.tsx
index 224edc34a..3b5ad8fc4 100644
--- a/frontend/app/components/ui/Icons/image.tsx
+++ b/frontend/app/components/ui/Icons/image.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Image(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" />
-      <path d="M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/><path d="M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/index.ts b/frontend/app/components/ui/Icons/index.ts
index e51c9c181..9dd08d7b6 100644
--- a/frontend/app/components/ui/Icons/index.ts
+++ b/frontend/app/components/ui/Icons/index.ts
@@ -1,3 +1,4 @@
+
 /* Auto-generated, do not edit */
 export { default as Activity } from './activity';
 export { default as Analytics } from './analytics';
@@ -366,6 +367,7 @@ export { default as Magic } from './magic';
 export { default as Map_marker_alt } from './map_marker_alt';
 export { default as Memory_ios } from './memory_ios';
 export { default as Memory } from './memory';
+export { default as Metadata_more } from './metadata_more';
 export { default as Mic_mute } from './mic_mute';
 export { default as Mic } from './mic';
 export { default as Minus } from './minus';
diff --git a/frontend/app/components/ui/Icons/info.tsx b/frontend/app/components/ui/Icons/info.tsx
index f049ed351..c0de9be92 100644
--- a/frontend/app/components/ui/Icons/info.tsx
+++ b/frontend/app/components/ui/Icons/info.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Info(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/info_circle.tsx b/frontend/app/components/ui/Icons/info_circle.tsx
index f4ca1704b..ded6a0f0f 100644
--- a/frontend/app/components/ui/Icons/info_circle.tsx
+++ b/frontend/app/components/ui/Icons/info_circle.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Info_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/info_circle_fill.tsx b/frontend/app/components/ui/Icons/info_circle_fill.tsx
index 96755808d..4d1e719d2 100644
--- a/frontend/app/components/ui/Icons/info_circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/info_circle_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Info_circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 36 36" width={`${width}px`} height={`${height}px`}>
-      <path d="M17.75 35.5a17.75 17.75 0 1 0 0-35.5 17.75 17.75 0 0 0 0 35.5Zm2.064-20.883-2.22 10.44c-.155.754.065 1.182.675 1.182.43 0 1.08-.155 1.522-.546l-.195.923c-.637.768-2.041 1.327-3.25 1.327-1.56 0-2.224-.937-1.793-2.927l1.637-7.694c.142-.65.014-.886-.637-1.043l-1-.18.182-.845 5.08-.637h-.002Zm-2.064-2.414a2.219 2.219 0 1 1 0-4.437 2.219 2.219 0 0 1 0 4.437Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 36 36" width={ `${ width }px` } height={ `${ height }px` } ><path d="M17.75 35.5a17.75 17.75 0 1 0 0-35.5 17.75 17.75 0 0 0 0 35.5Zm2.064-20.883-2.22 10.44c-.155.754.065 1.182.675 1.182.43 0 1.08-.155 1.522-.546l-.195.923c-.637.768-2.041 1.327-3.25 1.327-1.56 0-2.224-.937-1.793-2.927l1.637-7.694c.142-.65.014-.886-.637-1.043l-1-.18.182-.845 5.08-.637h-.002Zm-2.064-2.414a2.219 2.219 0 1 1 0-4.437 2.219 2.219 0 0 1 0 4.437Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/info_square.tsx b/frontend/app/components/ui/Icons/info_square.tsx
index a8f85ba65..d1d08b079 100644
--- a/frontend/app/components/ui/Icons/info_square.tsx
+++ b/frontend/app/components/ui/Icons/info_square.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Info_square(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z" />
-      <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/input_hesitation.tsx b/frontend/app/components/ui/Icons/input_hesitation.tsx
index ec9b86267..e23bea74e 100644
--- a/frontend/app/components/ui/Icons/input_hesitation.tsx
+++ b/frontend/app/components/ui/Icons/input_hesitation.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Input_hesitation(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 32 32" width={`${width}px`} height={`${height}px`}>
-      <path fill="transparent" d="M0 0h32v32H0z" />
-      <path fill="transparent" d="M-.34-.647h32.155v32.155H-.34z" />
-      <path
-        d="M27.796 9.401a2.01 2.01 0 0 1 2.01 2.01v10.048a2.01 2.01 0 0 1-2.01 2.01H3.68a2.01 2.01 0 0 1-2.01-2.01V11.411A2.01 2.01 0 0 1 3.68 9.4h24.116ZM3.68 7.391a4.02 4.02 0 0 0-4.02 4.02v10.048a4.02 4.02 0 0 0 4.02 4.02h24.116a4.02 4.02 0 0 0 4.02-4.02V11.411a4.02 4.02 0 0 0-4.02-4.02H3.68Z"
-        fillOpacity=".54"
-      />
-      <path d="M25.786 19.952a.503.503 0 0 1 .503-.503h1.005a.503.503 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502h-1.005a.503.503 0 0 1-.503-.502v-1.005Zm0-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503h-1.005a.502.502 0 0 1-.503-.503v-1.005Zm-10.048 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H16.24a.502.502 0 0 1-.502-.503v-1.005Zm4.02 0a.502.502 0 0 1 .502-.502h3.014a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H20.26a.502.502 0 0 1-.503-.503v-1.005Zm2.009 4.02a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H22.27a.503.503 0 0 1-.502-.502v-1.005Zm-10.049-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H12.22a.502.502 0 0 1-.503-.503v-1.005Zm-4.019 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.503H8.201a.502.502 0 0 1-.502-.503v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H4.182a.502.502 0 0 1-.502-.503v-1.005Zm22.107-4.019a.503.503 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H22.27a.502.502 0 0 1-.502-.502v-1.005Zm-4.018 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.503.503 0 0 1-.502.502H18.25a.503.503 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.502H14.23a.502.502 0 0 1-.502-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.502-.502v-1.005Zm-6.028 0a.502.502 0 0 1 .502-.502h3.015a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H4.182a.502.502 0 0 1-.502-.502v-1.005Zm0 8.039a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H4.182a.503.503 0 0 1-.502-.502v-1.005Zm4.02 0a.503.503 0 0 1 .501-.503h11.054a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H8.2a.503.503 0 0 1-.502-.502v-1.005Z" />
-      <path fill="transparent" d="M7.738.063h16v16h-16z" />
-      <path
-        d="m17.432 7.21-.004.004-.598.612h-.001c-.248.252-.493.523-.666.888-.118.25-.194.527-.23.85h-.354c.04-.53.273-1.008.63-1.37l.823-.836c.34-.333.54-.794.54-1.295 0-1.01-.824-1.833-1.833-1.833-.836 0-1.545.565-1.764 1.333h-.345a2.167 2.167 0 0 1 4.276.5c0 .45-.184.857-.474 1.147ZM15.739.897a7.17 7.17 0 0 0-7.167 7.166 7.17 7.17 0 0 0 7.167 7.167 7.17 7.17 0 0 0 7.167-7.167A7.17 7.17 0 0 0 15.739.897Zm-.167 11.333v-.333h.334v.333h-.334Z"
-        fillOpacity=".87"
-        stroke="#fff"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 32 32" width={ `${ width }px` } height={ `${ height }px` } ><path fill="transparent" d="M0 0h32v32H0z"/><path fill="transparent" d="M-.34-.647h32.155v32.155H-.34z"/><path d="M27.796 9.401a2.01 2.01 0 0 1 2.01 2.01v10.048a2.01 2.01 0 0 1-2.01 2.01H3.68a2.01 2.01 0 0 1-2.01-2.01V11.411A2.01 2.01 0 0 1 3.68 9.4h24.116ZM3.68 7.391a4.02 4.02 0 0 0-4.02 4.02v10.048a4.02 4.02 0 0 0 4.02 4.02h24.116a4.02 4.02 0 0 0 4.02-4.02V11.411a4.02 4.02 0 0 0-4.02-4.02H3.68Z" fillOpacity=".54"/><path d="M25.786 19.952a.503.503 0 0 1 .503-.503h1.005a.503.503 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502h-1.005a.503.503 0 0 1-.503-.502v-1.005Zm0-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503h-1.005a.502.502 0 0 1-.503-.503v-1.005Zm-10.048 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H16.24a.502.502 0 0 1-.502-.503v-1.005Zm4.02 0a.502.502 0 0 1 .502-.502h3.014a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H20.26a.502.502 0 0 1-.503-.503v-1.005Zm2.009 4.02a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H22.27a.503.503 0 0 1-.502-.502v-1.005Zm-10.049-4.02a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H12.22a.502.502 0 0 1-.503-.503v-1.005Zm-4.019 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.503H8.201a.502.502 0 0 1-.502-.503v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.502.502 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.503H4.182a.502.502 0 0 1-.502-.503v-1.005Zm22.107-4.019a.503.503 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H22.27a.502.502 0 0 1-.502-.502v-1.005Zm-4.018 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .502.502v1.005a.503.503 0 0 1-.502.502H18.25a.503.503 0 0 1-.503-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .502-.502h1.005a.502.502 0 0 1 .503.502v1.005a.502.502 0 0 1-.503.502H14.23a.502.502 0 0 1-.502-.502v-1.005Zm-4.02 0a.502.502 0 0 1 .503-.502h1.005a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502h-1.005a.502.502 0 0 1-.502-.502v-1.005Zm-6.028 0a.502.502 0 0 1 .502-.502h3.015a.503.503 0 0 1 .502.502v1.005a.502.502 0 0 1-.502.502H4.182a.502.502 0 0 1-.502-.502v-1.005Zm0 8.039a.503.503 0 0 1 .502-.503h1.005a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H4.182a.503.503 0 0 1-.502-.502v-1.005Zm4.02 0a.503.503 0 0 1 .501-.503h11.054a.502.502 0 0 1 .502.503v1.005a.502.502 0 0 1-.502.502H8.2a.503.503 0 0 1-.502-.502v-1.005Z"/><path fill="transparent" d="M7.738.063h16v16h-16z"/><path d="m17.432 7.21-.004.004-.598.612h-.001c-.248.252-.493.523-.666.888-.118.25-.194.527-.23.85h-.354c.04-.53.273-1.008.63-1.37l.823-.836c.34-.333.54-.794.54-1.295 0-1.01-.824-1.833-1.833-1.833-.836 0-1.545.565-1.764 1.333h-.345a2.167 2.167 0 0 1 4.276.5c0 .45-.184.857-.474 1.147ZM15.739.897a7.17 7.17 0 0 0-7.167 7.166 7.17 7.17 0 0 0 7.167 7.167 7.17 7.17 0 0 0 7.167-7.167A7.17 7.17 0 0 0 15.739.897Zm-.167 11.333v-.333h.334v.333h-.334Z" fillOpacity=".87" stroke="#fff"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/inspect.tsx b/frontend/app/components/ui/Icons/inspect.tsx
index 262a1583c..dfe1ba8c8 100644
--- a/frontend/app/components/ui/Icons/inspect.tsx
+++ b/frontend/app/components/ui/Icons/inspect.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Inspect(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M506 240h-34.591C463.608 133.462 378.538 48.392 272 40.591V6a6 6 0 0 0-6-6h-20a6 6 0 0 0-6 6v34.591C133.462 48.392 48.392 133.462 40.591 240H6a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h34.591C48.392 378.538 133.462 463.608 240 471.409V506a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6v-34.591C378.538 463.608 463.608 378.538 471.409 272H506a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6zM272 439.305V374a6 6 0 0 0-6-6h-20a6 6 0 0 0-6 6v65.305C151.282 431.711 80.315 361.031 72.695 272H138a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6H72.695C80.289 151.282 150.969 80.316 240 72.695V138a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V72.695C360.718 80.289 431.685 150.969 439.305 240H374a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h65.305C431.711 360.718 361.031 431.684 272 439.305zM280 256c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M506 240h-34.591C463.608 133.462 378.538 48.392 272 40.591V6a6 6 0 0 0-6-6h-20a6 6 0 0 0-6 6v34.591C133.462 48.392 48.392 133.462 40.591 240H6a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h34.591C48.392 378.538 133.462 463.608 240 471.409V506a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6v-34.591C378.538 463.608 463.608 378.538 471.409 272H506a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6zM272 439.305V374a6 6 0 0 0-6-6h-20a6 6 0 0 0-6 6v65.305C151.282 431.711 80.315 361.031 72.695 272H138a6 6 0 0 0 6-6v-20a6 6 0 0 0-6-6H72.695C80.289 151.282 150.969 80.316 240 72.695V138a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V72.695C360.718 80.289 431.685 150.969 439.305 240H374a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h65.305C431.711 360.718 361.031 431.684 272 439.305zM280 256c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_assist.tsx b/frontend/app/components/ui/Icons/integrations_assist.tsx
index 2cb0ce1f3..b876c162e 100644
--- a/frontend/app/components/ui/Icons/integrations_assist.tsx
+++ b/frontend/app/components/ui/Icons/integrations_assist.tsx
@@ -9,25 +9,9 @@ interface Props {
 }
 
 function Integrations_assist(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 120 120"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g>
-        <g>
-          <path d="M114 0H6a6 6 0 0 0-6 6v108a6 6 0 0 0 6 6h108a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z" />
-          <path d="M28 108.75h63a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H55.67L35 12v16.81h-7a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8Z" />
-          <path d="M54.11 79.63h10.78a13.25 13.25 0 0 1 13.26 13.25v7.2h-37.3v-7.2a13.25 13.25 0 0 1 13.26-13.25Z" />
-          <path d="M46.18 53.82h26.64V66.3a13.32 13.32 0 1 1-26.64 0Z" />
-          <path d="M76.15 55v6.93a65 65 0 0 1-22.58-4.94 14.93 14.93 0 0 1-10.72 5V55a16.67 16.67 0 0 1 33.33 0Z" />
-          <path d="M59.67 41.83a13.55 13.55 0 0 0-13.56 13.56v2.71h2.71a2.72 2.72 0 0 1 1.92.8 2.75 2.75 0 0 1 .79 1.91V69a2.75 2.75 0 0 1-.79 1.92 2.71 2.71 0 0 1-1.92.79h-2.71A2.71 2.71 0 0 1 43.39 69V55.39a16.23 16.23 0 0 1 4.77-11.5 16.26 16.26 0 0 1 23 0 16.23 16.23 0 0 1 4.77 11.5v16.27a6.78 6.78 0 0 1-6.78 6.78h-5.78A2.68 2.68 0 0 1 61 79.8h-2.69a2.72 2.72 0 0 1-1.92-.8 2.67 2.67 0 0 1-.79-1.91 2.71 2.71 0 0 1 2.71-2.72H61a2.7 2.7 0 0 1 1.36.37 2.76 2.76 0 0 1 1 1h5.79a4.08 4.08 0 0 0 4.07-4.07h-2.71a2.67 2.67 0 0 1-1.91-.79 2.72 2.72 0 0 1-.8-1.88v-8.19a2.71 2.71 0 0 1 .8-1.91 2.68 2.68 0 0 1 1.91-.8h2.72v-2.71a13.61 13.61 0 0 0-4-9.59 13.44 13.44 0 0 0-4.39-2.94 13.61 13.61 0 0 0-5.19-1Z" />
-        </g>
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 120 120" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g><g><path d="M114 0H6a6 6 0 0 0-6 6v108a6 6 0 0 0 6 6h108a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6Z"/><path d="M28 108.75h63a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8H55.67L35 12v16.81h-7a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8Z"/><path d="M54.11 79.63h10.78a13.25 13.25 0 0 1 13.26 13.25v7.2h-37.3v-7.2a13.25 13.25 0 0 1 13.26-13.25Z"/><path d="M46.18 53.82h26.64V66.3a13.32 13.32 0 1 1-26.64 0Z"/><path d="M76.15 55v6.93a65 65 0 0 1-22.58-4.94 14.93 14.93 0 0 1-10.72 5V55a16.67 16.67 0 0 1 33.33 0Z"/><path d="M59.67 41.83a13.55 13.55 0 0 0-13.56 13.56v2.71h2.71a2.72 2.72 0 0 1 1.92.8 2.75 2.75 0 0 1 .79 1.91V69a2.75 2.75 0 0 1-.79 1.92 2.71 2.71 0 0 1-1.92.79h-2.71A2.71 2.71 0 0 1 43.39 69V55.39a16.23 16.23 0 0 1 4.77-11.5 16.26 16.26 0 0 1 23 0 16.23 16.23 0 0 1 4.77 11.5v16.27a6.78 6.78 0 0 1-6.78 6.78h-5.78A2.68 2.68 0 0 1 61 79.8h-2.69a2.72 2.72 0 0 1-1.92-.8 2.67 2.67 0 0 1-.79-1.91 2.71 2.71 0 0 1 2.71-2.72H61a2.7 2.7 0 0 1 1.36.37 2.76 2.76 0 0 1 1 1h5.79a4.08 4.08 0 0 0 4.07-4.07h-2.71a2.67 2.67 0 0 1-1.91-.79 2.72 2.72 0 0 1-.8-1.88v-8.19a2.71 2.71 0 0 1 .8-1.91 2.68 2.68 0 0 1 1.91-.8h2.72v-2.71a13.61 13.61 0 0 0-4-9.59 13.44 13.44 0 0 0-4.39-2.94 13.61 13.61 0 0 0-5.19-1Z"/></g></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_bugsnag.tsx b/frontend/app/components/ui/Icons/integrations_bugsnag.tsx
index 4ef25a0de..3c74dfc15 100644
--- a/frontend/app/components/ui/Icons/integrations_bugsnag.tsx
+++ b/frontend/app/components/ui/Icons/integrations_bugsnag.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Integrations_bugsnag(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 58 80"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M28.943 55.123a3.228 3.228 0 1 0 0-6.455 3.228 3.228 0 0 0 0 6.456Z"
-        fill="#303F9F"
-      />
-      <path
-        d="M28.943 78.961A27.096 27.096 0 0 1 1.878 51.896V38.474A2.015 2.015 0 0 1 3.89 36.46h9.6l-.032-31.072-7.555 4.649v17.693a2.013 2.013 0 1 1-4.025 0V9.806A3.634 3.634 0 0 1 3.6 6.725l8.368-5.15a3.618 3.618 0 0 1 5.514 3.081l.035 31.803h11.425A15.436 15.436 0 1 1 13.51 51.896l-.014-11.409H5.903v11.409a23.04 23.04 0 1 0 23.04-23.04h-3.492a2.013 2.013 0 0 1 0-4.026h3.492a27.065 27.065 0 1 1 0 54.131Zm-11.42-38.474v11.406a11.41 11.41 0 1 0 11.409-11.406h-11.41Z"
-        fill="#303F9F"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 58 80" fill="none" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M28.943 55.123a3.228 3.228 0 1 0 0-6.455 3.228 3.228 0 0 0 0 6.456Z" fill="#303F9F"/><path d="M28.943 78.961A27.096 27.096 0 0 1 1.878 51.896V38.474A2.015 2.015 0 0 1 3.89 36.46h9.6l-.032-31.072-7.555 4.649v17.693a2.013 2.013 0 1 1-4.025 0V9.806A3.634 3.634 0 0 1 3.6 6.725l8.368-5.15a3.618 3.618 0 0 1 5.514 3.081l.035 31.803h11.425A15.436 15.436 0 1 1 13.51 51.896l-.014-11.409H5.903v11.409a23.04 23.04 0 1 0 23.04-23.04h-3.492a2.013 2.013 0 0 1 0-4.026h3.492a27.065 27.065 0 1 1 0 54.131Zm-11.42-38.474v11.406a11.41 11.41 0 1 0 11.409-11.406h-11.41Z" fill="#303F9F"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_bugsnag_text.tsx b/frontend/app/components/ui/Icons/integrations_bugsnag_text.tsx
index 8c76eb28e..76ab79ad5 100644
--- a/frontend/app/components/ui/Icons/integrations_bugsnag_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_bugsnag_text.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Integrations_bugsnag_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 800 219.6"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="M504.2 46.9c-25.5.8-45.5 22.4-45.5 47.9v58.3c0 1.4 1.1 2.5 2.5 2.5h14.1c1.4 0 2.5-1.1 2.5-2.5V94.6c0-15 11.5-27.8 26.4-28.6 15.3-.8 28.4 11.1 29.2 26.4v60.7c0 1.4 1.1 2.5 2.5 2.5H550c1.4 0 2.5-1.1 2.5-2.5V93.8c0-26-21.1-47-47.1-46.9h-1.2zm119.2.5c-29.9-1.3-55.3 21.9-56.6 51.8-1.3 29.9 21.9 55.3 51.8 56.6 13.7.6 27.2-4 37.6-12.9V153c0 1.4 1.1 2.5 2.5 2.5h14.1c1.4 0 2.5-1.1 2.5-2.5v-50.3c0-29.2-22.7-54-51.9-55.3zm-2.3 89.4c-19.4 0-35.2-15.7-35.2-35.2 0-19.4 15.7-35.2 35.2-35.2 19.4 0 35.2 15.7 35.2 35.2-.1 19.5-15.8 35.2-35.2 35.2zm127-89.4c-29.9-1.3-55.3 21.9-56.6 51.8-1.3 29.9 21.9 55.3 51.8 56.6 13.7.6 27.2-4 37.6-12.9v21.5c0 19.7-16.1 36.5-35.8 36.1-11.2-.2-21.6-5.7-28-14.8-.8-1-2.2-1.3-3.3-.6l-12 7.4c-1.2.7-1.5 2.3-.8 3.5 0 0 0 .1.1.1 9.9 14.5 26.2 23.3 43.7 23.6 30.4.6 55.3-24.9 55.3-55.4v-61.5c-.1-29.3-22.8-54.1-52-55.4zm-2.4 89.4c-19.4 0-35.2-15.7-35.2-35.2 0-19.4 15.7-35.2 35.2-35.2 19.4 0 35.2 15.7 35.2 35.2 0 19.5-15.8 35.2-35.2 35.2zM292.5 47.4c-29.9-1.3-55.3 21.9-56.6 51.8-1.3 29.9 21.9 55.3 51.8 56.6 13.7.6 27.2-4 37.6-12.9v21.5c0 19.7-16.1 36.5-35.9 36.1-11.2-.2-21.6-5.7-28-14.8-.8-1-2.2-1.3-3.3-.6l-12 7.4c-1.2.7-1.5 2.3-.8 3.5 0 0 0 .1.1.1 9.8 14.5 26.1 23.2 43.6 23.6 30.4.6 55.3-24.9 55.3-55.4v-61.5c.1-29.3-22.6-54.1-51.8-55.4zm-2.4 89.4c-19.4 0-35.2-15.7-35.2-35.2 0-19.4 15.7-35.2 35.2-35.2s35.2 15.7 35.2 35.2c0 19.5-15.8 35.2-35.2 35.2zm-74.5-88.7-14.1.2c-1.4 0-2.4 1.1-2.4 2.5v56.4c0 15.4-12.5 27.8-27.8 27.8H170c-14.9-.7-26.4-13.6-26.4-28.6V50.9c0-1.4-1.1-2.5-2.5-2.5H127c-1.4 0-2.5 1.1-2.5 2.5v55.4c0 25.5 20 47.1 45.5 47.9 25.9.7 47.6-19.7 48.3-45.7V50.6c-.2-1.4-1.3-2.5-2.7-2.5zm189.5 44.4c-13.9-3.8-22.3-6.7-22.3-14.2 0-10.8 11.9-14.8 19.9-14.8 9.1 0 14.6 2.1 21.8 6.5 1.2.7 2.6.4 3.4-.8l6.6-10.2c.7-1.2.4-2.7-.7-3.4h-.1c-9.5-5.7-20.4-8.8-31.5-8.7-18 0-36.5 11.8-36.5 31.7 0 20.2 18 25.1 33.8 29.4 15 4.1 24.1 7.2 24.1 16.6 0 8.7-8.9 15.2-20.7 15.2-11.4 0-20.7-5.1-27-10-1.1-.8-2.6-.7-3.4.4l-7.8 9.5c-.9 1.1-.7 2.6.4 3.5 10.2 8.6 23.9 13.3 38.7 13.3 21.5 0 37.2-13.7 37.2-32.6-.2-21.4-20-26.9-35.9-31.4zM60.6 47.7c-15-1.8-30 2.8-41.5 12.6V2.5C19.1 1.1 18 0 16.6 0c-.5 0-.9.1-1.3.4L1.2 9C.4 9.4 0 10.2 0 11.1v89.5c0 29.3 22.7 54.1 51.9 55.3 30 1.3 55.3-22 56.5-51.9 1.2-28.4-19.6-52.9-47.8-56.3zm-6.3 89.1c-19.4 0-35.2-15.7-35.2-35.2s15.7-35.2 35.2-35.2 35.2 15.7 35.2 35.2c-.1 19.5-15.8 35.2-35.2 35.2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 800 219.6" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M504.2 46.9c-25.5.8-45.5 22.4-45.5 47.9v58.3c0 1.4 1.1 2.5 2.5 2.5h14.1c1.4 0 2.5-1.1 2.5-2.5V94.6c0-15 11.5-27.8 26.4-28.6 15.3-.8 28.4 11.1 29.2 26.4v60.7c0 1.4 1.1 2.5 2.5 2.5H550c1.4 0 2.5-1.1 2.5-2.5V93.8c0-26-21.1-47-47.1-46.9h-1.2zm119.2.5c-29.9-1.3-55.3 21.9-56.6 51.8-1.3 29.9 21.9 55.3 51.8 56.6 13.7.6 27.2-4 37.6-12.9V153c0 1.4 1.1 2.5 2.5 2.5h14.1c1.4 0 2.5-1.1 2.5-2.5v-50.3c0-29.2-22.7-54-51.9-55.3zm-2.3 89.4c-19.4 0-35.2-15.7-35.2-35.2 0-19.4 15.7-35.2 35.2-35.2 19.4 0 35.2 15.7 35.2 35.2-.1 19.5-15.8 35.2-35.2 35.2zm127-89.4c-29.9-1.3-55.3 21.9-56.6 51.8-1.3 29.9 21.9 55.3 51.8 56.6 13.7.6 27.2-4 37.6-12.9v21.5c0 19.7-16.1 36.5-35.8 36.1-11.2-.2-21.6-5.7-28-14.8-.8-1-2.2-1.3-3.3-.6l-12 7.4c-1.2.7-1.5 2.3-.8 3.5 0 0 0 .1.1.1 9.9 14.5 26.2 23.3 43.7 23.6 30.4.6 55.3-24.9 55.3-55.4v-61.5c-.1-29.3-22.8-54.1-52-55.4zm-2.4 89.4c-19.4 0-35.2-15.7-35.2-35.2 0-19.4 15.7-35.2 35.2-35.2 19.4 0 35.2 15.7 35.2 35.2 0 19.5-15.8 35.2-35.2 35.2zM292.5 47.4c-29.9-1.3-55.3 21.9-56.6 51.8-1.3 29.9 21.9 55.3 51.8 56.6 13.7.6 27.2-4 37.6-12.9v21.5c0 19.7-16.1 36.5-35.9 36.1-11.2-.2-21.6-5.7-28-14.8-.8-1-2.2-1.3-3.3-.6l-12 7.4c-1.2.7-1.5 2.3-.8 3.5 0 0 0 .1.1.1 9.8 14.5 26.1 23.2 43.6 23.6 30.4.6 55.3-24.9 55.3-55.4v-61.5c.1-29.3-22.6-54.1-51.8-55.4zm-2.4 89.4c-19.4 0-35.2-15.7-35.2-35.2 0-19.4 15.7-35.2 35.2-35.2s35.2 15.7 35.2 35.2c0 19.5-15.8 35.2-35.2 35.2zm-74.5-88.7-14.1.2c-1.4 0-2.4 1.1-2.4 2.5v56.4c0 15.4-12.5 27.8-27.8 27.8H170c-14.9-.7-26.4-13.6-26.4-28.6V50.9c0-1.4-1.1-2.5-2.5-2.5H127c-1.4 0-2.5 1.1-2.5 2.5v55.4c0 25.5 20 47.1 45.5 47.9 25.9.7 47.6-19.7 48.3-45.7V50.6c-.2-1.4-1.3-2.5-2.7-2.5zm189.5 44.4c-13.9-3.8-22.3-6.7-22.3-14.2 0-10.8 11.9-14.8 19.9-14.8 9.1 0 14.6 2.1 21.8 6.5 1.2.7 2.6.4 3.4-.8l6.6-10.2c.7-1.2.4-2.7-.7-3.4h-.1c-9.5-5.7-20.4-8.8-31.5-8.7-18 0-36.5 11.8-36.5 31.7 0 20.2 18 25.1 33.8 29.4 15 4.1 24.1 7.2 24.1 16.6 0 8.7-8.9 15.2-20.7 15.2-11.4 0-20.7-5.1-27-10-1.1-.8-2.6-.7-3.4.4l-7.8 9.5c-.9 1.1-.7 2.6.4 3.5 10.2 8.6 23.9 13.3 38.7 13.3 21.5 0 37.2-13.7 37.2-32.6-.2-21.4-20-26.9-35.9-31.4zM60.6 47.7c-15-1.8-30 2.8-41.5 12.6V2.5C19.1 1.1 18 0 16.6 0c-.5 0-.9.1-1.3.4L1.2 9C.4 9.4 0 10.2 0 11.1v89.5c0 29.3 22.7 54.1 51.9 55.3 30 1.3 55.3-22 56.5-51.9 1.2-28.4-19.6-52.9-47.8-56.3zm-6.3 89.1c-19.4 0-35.2-15.7-35.2-35.2s15.7-35.2 35.2-35.2 35.2 15.7 35.2 35.2c-.1 19.5-15.8 35.2-35.2 35.2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_cloudwatch.tsx b/frontend/app/components/ui/Icons/integrations_cloudwatch.tsx
index a7b930b9a..fba94962e 100644
--- a/frontend/app/components/ui/Icons/integrations_cloudwatch.tsx
+++ b/frontend/app/components/ui/Icons/integrations_cloudwatch.tsx
@@ -9,34 +9,9 @@ interface Props {
 }
 
 function Integrations_cloudwatch(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="3.62 8.78 64 64"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M35.605 72.78 63.9 52.803l-28.266-4.13-28.296 4.16z"
-        fill="#b7ca9d"
-      />
-      <path
-        d="M12.986 21.167v31.18l4.797 1.427L29.017 36.56 17.783 19.315z"
-        fill="#4c622c"
-      />
-      <path d="M34.694 23.14v27.72l-16.9 2.975v-34.52z" fill="#759c3f" />
-      <path
-        d="m46.686 33.98-19.52 22.68-6.62-2.004V12.1l6.62-3.3z"
-        fill="#4c622c"
-      />
-      <path d="M49.753 17.585v33.822L27.165 56.7V8.78z" fill="#759c3f" />
-      <path d="M35.605 72.78v-9.928L7.34 52.833v5.8z" fill="#4c622c" />
-      <path d="M63.9 52.803v5.83L35.605 72.78v-9.928z" fill="#759c3f" />
-      <path d="m35.605 59.178 20.342-16h-6.86l-19.522 1.336z" fill="#b7ca9d" />
-      <path d="M29.563 44.514v12.842l6.042 1.822V45.152z" fill="#4c622c" />
-      <path d="M55.946 53.076v-9.898L35.604 45.15v14.027z" fill="#759c3f" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="3.62 8.78 64 64" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M35.605 72.78 63.9 52.803l-28.266-4.13-28.296 4.16z" fill="#b7ca9d"/><path d="M12.986 21.167v31.18l4.797 1.427L29.017 36.56 17.783 19.315z" fill="#4c622c"/><path d="M34.694 23.14v27.72l-16.9 2.975v-34.52z" fill="#759c3f"/><path d="m46.686 33.98-19.52 22.68-6.62-2.004V12.1l6.62-3.3z" fill="#4c622c"/><path d="M49.753 17.585v33.822L27.165 56.7V8.78z" fill="#759c3f"/><path d="M35.605 72.78v-9.928L7.34 52.833v5.8z" fill="#4c622c"/><path d="M63.9 52.803v5.83L35.605 72.78v-9.928z" fill="#759c3f"/><path d="m35.605 59.178 20.342-16h-6.86l-19.522 1.336z" fill="#b7ca9d"/><path d="M29.563 44.514v12.842l6.042 1.822V45.152z" fill="#4c622c"/><path d="M55.946 53.076v-9.898L35.604 45.15v14.027z" fill="#759c3f"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_cloudwatch_text.tsx b/frontend/app/components/ui/Icons/integrations_cloudwatch_text.tsx
index 135bdea99..2ce134574 100644
--- a/frontend/app/components/ui/Icons/integrations_cloudwatch_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_cloudwatch_text.tsx
@@ -9,38 +9,9 @@ interface Props {
 }
 
 function Integrations_cloudwatch_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="3.62 8.78 120 60"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M47.558 39.07 63.6 50.4l16.07-11.346L63.63 36.7z"
-        fill="#b7ca9d"
-      />
-      <path
-        d="m50.765 38.795 2.724.8 6.38-9.777-6.38-9.794-2.724 1.052z"
-        fill="#4c622c"
-      />
-      <path d="m53.5 20.035 9.604 2.173V37.95l-9.604 1.7z" fill="#759c3f" />
-      <path
-        d="m58.818 41.244-3.76-1.138V15.93l3.76-1.88 11.087 14.312z"
-        fill="#4c622c"
-      />
-      <path d="m58.818 14.05 12.83 5v19.2l-12.83 3z" fill="#759c3f" />
-      <path d="M47.558 42.364 63.6 50.4v-5.64l-16.053-5.7z" fill="#4c622c" />
-      <path d="m63.6 44.76 16.07-5.707v3.3L63.6 50.4z" fill="#759c3f" />
-      <path d="m60.18 34.346 3.43 8.328 11.553-9.087h-3.897z" fill="#b7ca9d" />
-      <path d="m63.6 34.7-3.43-.362v7.294l3.43 1.035z" fill="#4c622c" />
-      <path d="m63.6 42.675 11.553-3.466v-5.62L63.6 34.7z" fill="#759c3f" />
-      <path
-        d="m19.35 56.302 2.643 7.06H20.4l-.543-1.557h-2.643l-.543 1.557h-1.593l2.68-7.06zm.072 4.3-.905-2.57h-.036l-.905 2.57zm4.383-2.355v.688c.18-.253.398-.47.652-.616s.543-.217.905-.217a2.19 2.19 0 0 1 .869.181c.253.1.47.362.616.652a1.9 1.9 0 0 1 .616-.58c.254-.145.58-.253.905-.253a3.1 3.1 0 0 1 .76.1c.253.064.435.18.58.326.18.145.3.326.398.58s.145.507.145.833v3.404h-1.376v-2.897c0-.18 0-.326-.036-.47s-.036-.3-.1-.398-.145-.217-.253-.253c-.1-.072-.253-.1-.47-.1s-.362.036-.47.1a1.1 1.1 0 0 0-.29.29c-.072.1-.1.253-.145.398s-.036.326-.036.47V63.3H25.65v-3.295c0-.145-.036-.3-.072-.398s-.145-.217-.253-.3-.3-.1-.507-.1c-.072 0-.145 0-.253.036s-.217.072-.326.18c-.1.072-.18.217-.253.362s-.1.362-.1.616v2.97h-1.412v-5.106h1.34zm7.75.735a1.46 1.46 0 0 1 .543-.507c.217-.145.47-.217.76-.3s.543-.072.833-.072l.797.036c.253.036.507.1.724.217s.398.253.543.435.217.435.217.76v2.643c0 .217 0 .435.036.652s.072.362.145.47H34.74c-.036-.072-.036-.145-.072-.253 0-.072-.036-.18-.036-.253-.217.217-.47.398-.797.47s-.616.145-.942.145c-.253 0-.47-.036-.688-.072-.217-.072-.398-.145-.543-.3-.145-.1-.3-.3-.362-.47a1.93 1.93 0 0 1-.145-.688c0-.3.036-.543.145-.724s.217-.326.398-.435c.145-.1.362-.18.543-.253s.398-.1.616-.145l.616-.072.543-.072a.85.85 0 0 0 .362-.181c.1-.072.145-.18.145-.326a.91.91 0 0 0-.072-.362.784.784 0 0 0-.18-.217 2.3 2.3 0 0 0-.3-.11c-.1 0-.217-.036-.362-.036-.3 0-.507.072-.652.18s-.253.326-.3.58h-1.412c.072-.253.145-.543.3-.76zm2.788 1.992a.69.69 0 0 1-.3.072c-.1.036-.217.036-.326.036s-.217.036-.326.036c-.1.036-.217.036-.326.072s-.18.072-.253.145-.145.1-.18.217a.72.72 0 0 0-.072.326c0 .1.036.217.072.326.036.072.1.145.18.217a2.3 2.3 0 0 0 .3.11c.12.038.217.036.326.036.3 0 .507-.036.652-.145s.253-.217.326-.326c.072-.145.1-.253.145-.398 0-.145.036-.253.036-.326v-.507a1.52 1.52 0 0 0-.253.11zm5.034-1.666h-2.462v-1.05h4.3v1.05l-2.643 3.006h2.825v1.05h-4.67v-1.05zm2.823.398a1.96 1.96 0 0 1 .543-.833c.217-.217.507-.398.833-.543s.688-.18 1.086-.18a3.43 3.43 0 0 1 1.086.18c.326.145.616.326.833.543s.398.507.543.833a3.47 3.47 0 0 1 .181 1.123c0 .398-.072.76-.18 1.123a1.96 1.96 0 0 1-.543.833 2.768 2.768 0 0 1-.833.543c-.326.1-.688.18-1.086.18a3.43 3.43 0 0 1-1.086-.18 1.94 1.94 0 0 1-.833-.543 3.138 3.138 0 0 1-.543-.833 3.47 3.47 0 0 1-.181-1.123 2.23 2.23 0 0 1 .181-1.123zm1.267 1.702a1.27 1.27 0 0 0 .217.507c.1.145.217.3.362.362.145.1.362.145.58.145.253 0 .435-.036.58-.145s.3-.217.398-.362.145-.326.217-.507a3.17 3.17 0 0 0 .072-.579c0-.217-.036-.398-.072-.616a1.27 1.27 0 0 0-.217-.507c-.1-.145-.217-.3-.398-.362-.145-.1-.362-.145-.58-.145-.253 0-.435.036-.58.145s-.3.217-.362.362c-.1.145-.145.326-.217.507s-.072.398-.072.616c0 .18.036.362.072.58zm6.048-3.15v.724h.036c.18-.3.398-.507.688-.652a1.93 1.93 0 0 1 .87-.217c.362 0 .688.036.905.145a1.44 1.44 0 0 1 .579.435c.145.18.217.398.3.652s.072.543.072.87v3.15h-1.412v-2.897c0-.435-.072-.724-.18-.942-.145-.217-.362-.326-.688-.326-.398 0-.652.1-.833.326s-.253.616-.253 1.123v2.68h-1.412v-5.1h1.34zm11.95-.073c-.1-.145-.217-.3-.362-.398a1.95 1.95 0 0 0-.471-.253 1.46 1.46 0 0 0-.543-.11 1.76 1.76 0 0 0-.905.217c-.253.145-.435.326-.58.543s-.253.47-.326.76a3.65 3.65 0 0 0-.109.905 3.57 3.57 0 0 0 .109.869c.072.3.18.543.326.76s.362.398.58.543a1.76 1.76 0 0 0 .905.217c.47 0 .833-.145 1.123-.435a1.98 1.98 0 0 0 .471-1.159h1.485a4.13 4.13 0 0 1-.29 1.195 3.37 3.37 0 0 1-.652.905c-.254.253-.58.435-.942.58s-.76.18-1.195.18a3.69 3.69 0 0 1-1.448-.29 2.93 2.93 0 0 1-1.086-.76c-.3-.325-.507-.724-.688-1.16-.145-.435-.253-.905-.253-1.448s.072-1.014.253-1.448.398-.833.688-1.195c.3-.326.652-.616 1.086-.797a3.69 3.69 0 0 1 1.448-.29 3.43 3.43 0 0 1 1.086.18c.362.1.652.3.942.47a2.44 2.44 0 0 1 .688.797 2.58 2.58 0 0 1 .326 1.086h-1.485a2.044 2.044 0 0 0-.18-.47zm4.055-1.883v7.06h-1.4v-7.06zm1.16 3.404a1.96 1.96 0 0 1 .543-.833c.217-.217.507-.398.833-.543s.688-.18 1.086-.18a3.43 3.43 0 0 1 1.086.18c.326.145.616.326.833.543s.398.507.543.833.18.688.18 1.123c0 .398-.072.76-.18 1.123a1.96 1.96 0 0 1-.543.833 3.138 3.138 0 0 1-.833.543c-.326.1-.688.18-1.086.18a3.43 3.43 0 0 1-1.086-.18 1.94 1.94 0 0 1-.833-.543 3.138 3.138 0 0 1-.543-.833 3.47 3.47 0 0 1-.181-1.123c0-.435.036-.797.18-1.123zm1.267 1.702a1.27 1.27 0 0 0 .217.507c.1.145.217.3.362.362.145.1.362.145.58.145.253 0 .435-.036.58-.145s.3-.217.398-.362.145-.326.217-.507a3.17 3.17 0 0 0 .072-.579c0-.217-.036-.398-.072-.616a1.27 1.27 0 0 0-.217-.507c-.1-.145-.217-.3-.398-.362-.145-.1-.362-.145-.58-.145-.253 0-.435.036-.58.145s-.3.217-.362.362c-.1.145-.145.326-.217.507s-.072.398-.072.616c0 .18.036.362.072.58zm8.183 1.955v-.724h-.036c-.18.3-.398.507-.688.652s-.58.18-.87.18c-.362 0-.688-.036-.905-.145s-.435-.253-.58-.435-.217-.398-.3-.652-.072-.543-.072-.87v-3.15h1.412v2.897c0 .435.072.724.18.942s.362.326.688.326c.398 0 .652-.1.833-.326s.253-.616.253-1.123v-2.68h1.412v5.106zm6.013-.65c-.18.3-.362.47-.652.58-.253.1-.58.18-.905.18-.398 0-.724-.072-1.014-.217a1.99 1.99 0 0 1-.724-.616c-.18-.254-.326-.543-.435-.87s-.145-.688-.145-1.014.036-.688.145-.978c.1-.326.253-.616.435-.833a2.66 2.66 0 0 1 .688-.579c.3-.145.616-.217.978-.217.3 0 .58.072.87.18.3.145.47.326.652.58h.036v-2.57h1.412v7.06h-1.34zm-.072-2.535a1.27 1.27 0 0 0-.217-.507 1.75 1.75 0 0 0-.362-.362c-.145-.1-.326-.145-.58-.145s-.435.036-.58.145-.3.217-.362.362a1.27 1.27 0 0 0-.217.507 3.19 3.19 0 0 0-.072.616 3.17 3.17 0 0 0 .072.579 1.75 1.75 0 0 0 .217.543c.107.18.217.3.398.362.145.1.326.145.543.145s.435-.036.58-.145.3-.217.362-.362c.1-.145.145-.326.18-.543a3.19 3.19 0 0 0 .072-.616c.036-.18 0-.398-.036-.58zm6.88 3.186-.905-3.44H88l-.87 3.44H85.7l-1.63-5.106h1.485l.942 3.476h.036l.833-3.476h1.376l.87 3.44h.036l.942-3.44h1.448l-1.593 5.106zm3.802-4.382a1.46 1.46 0 0 1 .543-.507c.217-.145.47-.217.76-.3s.543-.072.833-.072l.797.036a1.89 1.89 0 0 1 .724.217c.217.117.398.253.543.435s.217.435.217.76v2.643c0 .217 0 .435.036.652s.072.362.145.47h-1.4c-.036-.072-.036-.145-.072-.253 0-.072-.036-.18-.036-.253-.217.217-.47.398-.797.47-.3.1-.616.145-.942.145-.253 0-.47-.036-.688-.072-.217-.072-.398-.145-.543-.3-.145-.1-.3-.3-.362-.47a1.93 1.93 0 0 1-.145-.688c0-.3.036-.543.145-.724s.217-.326.398-.435c.145-.1.362-.18.543-.253s.398-.1.616-.145l.616-.072.543-.072a.85.85 0 0 0 .362-.181c.1-.072.145-.18.145-.326a.91.91 0 0 0-.072-.362.784.784 0 0 0-.18-.217 2.3 2.3 0 0 0-.3-.11c-.1 0-.217-.036-.362-.036-.3 0-.507.072-.652.18s-.253.326-.3.58h-1.412c.072-.253.145-.543.3-.76zm2.788 1.992a.69.69 0 0 1-.3.072c-.1.036-.217.036-.326.036s-.217.036-.326.036c-.1.036-.217.036-.326.072s-.18.072-.253.145-.145.1-.18.217a.72.72 0 0 0-.072.326c0 .1.036.217.072.326a.96.96 0 0 0 .181.217 2.3 2.3 0 0 0 .3.11c.12.038.217.036.326.036.3 0 .507-.036.652-.145s.253-.217.326-.326c.072-.145.1-.253.145-.398 0-.145.036-.253.036-.326v-.507a1.52 1.52 0 0 0-.253.11zm5.504-2.717v.942h-1.014v2.535c0 .253.036.398.1.47s.253.1.47.1h.217c.072 0 .145 0 .217-.036v1.086c-.1.036-.253.036-.398.036h-.435c-.217 0-.435 0-.616-.036s-.362-.072-.507-.18c-.145-.072-.253-.217-.362-.362a1.4 1.4 0 0 1-.145-.616V59.2h-.833v-.942h.833v-1.52h1.412v1.52zm3.115.906c-.217 0-.398.036-.58.145-.145.1-.3.217-.362.398-.1.145-.145.326-.217.543a3.17 3.17 0 0 0-.072.579c0 .18.036.362.072.58.036.18.1.362.18.507s.217.3.362.362c.145.1.326.145.543.145.326 0 .58-.1.76-.3s.3-.435.326-.76h1.34c-.1.688-.362 1.195-.797 1.557s-.978.543-1.666.543a3.19 3.19 0 0 1-1.05-.181c-.326-.145-.58-.3-.797-.543a2.15 2.15 0 0 1-.507-.833 3.19 3.19 0 0 1-.181-1.05 3.43 3.43 0 0 1 .18-1.086c.108-.326.3-.616.507-.87s.507-.435.833-.58.688-.217 1.123-.217a3.57 3.57 0 0 1 .869.109c.3.072.543.18.76.362.217.145.398.362.543.616s.217.507.253.87H105.2c-.1-.616-.47-.905-1.05-.905zm4.635-2.86v2.643h.036c.18-.3.398-.507.688-.652s.543-.217.797-.217c.362 0 .688.036.905.145a1.44 1.44 0 0 1 .579.435c.145.18.217.398.3.652s.072.543.072.87v3.15h-1.412v-2.9c0-.435-.072-.724-.18-.942s-.362-.326-.688-.326c-.398 0-.652.1-.833.326s-.253.616-.253 1.123v2.68h-1.412v-7.06h1.412z"
-        fill="#779d3f"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="3.62 8.78 120 60" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M47.558 39.07 63.6 50.4l16.07-11.346L63.63 36.7z" fill="#b7ca9d"/><path d="m50.765 38.795 2.724.8 6.38-9.777-6.38-9.794-2.724 1.052z" fill="#4c622c"/><path d="m53.5 20.035 9.604 2.173V37.95l-9.604 1.7z" fill="#759c3f"/><path d="m58.818 41.244-3.76-1.138V15.93l3.76-1.88 11.087 14.312z" fill="#4c622c"/><path d="m58.818 14.05 12.83 5v19.2l-12.83 3z" fill="#759c3f"/><path d="M47.558 42.364 63.6 50.4v-5.64l-16.053-5.7z" fill="#4c622c"/><path d="m63.6 44.76 16.07-5.707v3.3L63.6 50.4z" fill="#759c3f"/><path d="m60.18 34.346 3.43 8.328 11.553-9.087h-3.897z" fill="#b7ca9d"/><path d="m63.6 34.7-3.43-.362v7.294l3.43 1.035z" fill="#4c622c"/><path d="m63.6 42.675 11.553-3.466v-5.62L63.6 34.7z" fill="#759c3f"/><path d="m19.35 56.302 2.643 7.06H20.4l-.543-1.557h-2.643l-.543 1.557h-1.593l2.68-7.06zm.072 4.3-.905-2.57h-.036l-.905 2.57zm4.383-2.355v.688c.18-.253.398-.47.652-.616s.543-.217.905-.217a2.19 2.19 0 0 1 .869.181c.253.1.47.362.616.652a1.9 1.9 0 0 1 .616-.58c.254-.145.58-.253.905-.253a3.1 3.1 0 0 1 .76.1c.253.064.435.18.58.326.18.145.3.326.398.58s.145.507.145.833v3.404h-1.376v-2.897c0-.18 0-.326-.036-.47s-.036-.3-.1-.398-.145-.217-.253-.253c-.1-.072-.253-.1-.47-.1s-.362.036-.47.1a1.1 1.1 0 0 0-.29.29c-.072.1-.1.253-.145.398s-.036.326-.036.47V63.3H25.65v-3.295c0-.145-.036-.3-.072-.398s-.145-.217-.253-.3-.3-.1-.507-.1c-.072 0-.145 0-.253.036s-.217.072-.326.18c-.1.072-.18.217-.253.362s-.1.362-.1.616v2.97h-1.412v-5.106h1.34zm7.75.735a1.46 1.46 0 0 1 .543-.507c.217-.145.47-.217.76-.3s.543-.072.833-.072l.797.036c.253.036.507.1.724.217s.398.253.543.435.217.435.217.76v2.643c0 .217 0 .435.036.652s.072.362.145.47H34.74c-.036-.072-.036-.145-.072-.253 0-.072-.036-.18-.036-.253-.217.217-.47.398-.797.47s-.616.145-.942.145c-.253 0-.47-.036-.688-.072-.217-.072-.398-.145-.543-.3-.145-.1-.3-.3-.362-.47a1.93 1.93 0 0 1-.145-.688c0-.3.036-.543.145-.724s.217-.326.398-.435c.145-.1.362-.18.543-.253s.398-.1.616-.145l.616-.072.543-.072a.85.85 0 0 0 .362-.181c.1-.072.145-.18.145-.326a.91.91 0 0 0-.072-.362.784.784 0 0 0-.18-.217 2.3 2.3 0 0 0-.3-.11c-.1 0-.217-.036-.362-.036-.3 0-.507.072-.652.18s-.253.326-.3.58h-1.412c.072-.253.145-.543.3-.76zm2.788 1.992a.69.69 0 0 1-.3.072c-.1.036-.217.036-.326.036s-.217.036-.326.036c-.1.036-.217.036-.326.072s-.18.072-.253.145-.145.1-.18.217a.72.72 0 0 0-.072.326c0 .1.036.217.072.326.036.072.1.145.18.217a2.3 2.3 0 0 0 .3.11c.12.038.217.036.326.036.3 0 .507-.036.652-.145s.253-.217.326-.326c.072-.145.1-.253.145-.398 0-.145.036-.253.036-.326v-.507a1.52 1.52 0 0 0-.253.11zm5.034-1.666h-2.462v-1.05h4.3v1.05l-2.643 3.006h2.825v1.05h-4.67v-1.05zm2.823.398a1.96 1.96 0 0 1 .543-.833c.217-.217.507-.398.833-.543s.688-.18 1.086-.18a3.43 3.43 0 0 1 1.086.18c.326.145.616.326.833.543s.398.507.543.833a3.47 3.47 0 0 1 .181 1.123c0 .398-.072.76-.18 1.123a1.96 1.96 0 0 1-.543.833 2.768 2.768 0 0 1-.833.543c-.326.1-.688.18-1.086.18a3.43 3.43 0 0 1-1.086-.18 1.94 1.94 0 0 1-.833-.543 3.138 3.138 0 0 1-.543-.833 3.47 3.47 0 0 1-.181-1.123 2.23 2.23 0 0 1 .181-1.123zm1.267 1.702a1.27 1.27 0 0 0 .217.507c.1.145.217.3.362.362.145.1.362.145.58.145.253 0 .435-.036.58-.145s.3-.217.398-.362.145-.326.217-.507a3.17 3.17 0 0 0 .072-.579c0-.217-.036-.398-.072-.616a1.27 1.27 0 0 0-.217-.507c-.1-.145-.217-.3-.398-.362-.145-.1-.362-.145-.58-.145-.253 0-.435.036-.58.145s-.3.217-.362.362c-.1.145-.145.326-.217.507s-.072.398-.072.616c0 .18.036.362.072.58zm6.048-3.15v.724h.036c.18-.3.398-.507.688-.652a1.93 1.93 0 0 1 .87-.217c.362 0 .688.036.905.145a1.44 1.44 0 0 1 .579.435c.145.18.217.398.3.652s.072.543.072.87v3.15h-1.412v-2.897c0-.435-.072-.724-.18-.942-.145-.217-.362-.326-.688-.326-.398 0-.652.1-.833.326s-.253.616-.253 1.123v2.68h-1.412v-5.1h1.34zm11.95-.073c-.1-.145-.217-.3-.362-.398a1.95 1.95 0 0 0-.471-.253 1.46 1.46 0 0 0-.543-.11 1.76 1.76 0 0 0-.905.217c-.253.145-.435.326-.58.543s-.253.47-.326.76a3.65 3.65 0 0 0-.109.905 3.57 3.57 0 0 0 .109.869c.072.3.18.543.326.76s.362.398.58.543a1.76 1.76 0 0 0 .905.217c.47 0 .833-.145 1.123-.435a1.98 1.98 0 0 0 .471-1.159h1.485a4.13 4.13 0 0 1-.29 1.195 3.37 3.37 0 0 1-.652.905c-.254.253-.58.435-.942.58s-.76.18-1.195.18a3.69 3.69 0 0 1-1.448-.29 2.93 2.93 0 0 1-1.086-.76c-.3-.325-.507-.724-.688-1.16-.145-.435-.253-.905-.253-1.448s.072-1.014.253-1.448.398-.833.688-1.195c.3-.326.652-.616 1.086-.797a3.69 3.69 0 0 1 1.448-.29 3.43 3.43 0 0 1 1.086.18c.362.1.652.3.942.47a2.44 2.44 0 0 1 .688.797 2.58 2.58 0 0 1 .326 1.086h-1.485a2.044 2.044 0 0 0-.18-.47zm4.055-1.883v7.06h-1.4v-7.06zm1.16 3.404a1.96 1.96 0 0 1 .543-.833c.217-.217.507-.398.833-.543s.688-.18 1.086-.18a3.43 3.43 0 0 1 1.086.18c.326.145.616.326.833.543s.398.507.543.833.18.688.18 1.123c0 .398-.072.76-.18 1.123a1.96 1.96 0 0 1-.543.833 3.138 3.138 0 0 1-.833.543c-.326.1-.688.18-1.086.18a3.43 3.43 0 0 1-1.086-.18 1.94 1.94 0 0 1-.833-.543 3.138 3.138 0 0 1-.543-.833 3.47 3.47 0 0 1-.181-1.123c0-.435.036-.797.18-1.123zm1.267 1.702a1.27 1.27 0 0 0 .217.507c.1.145.217.3.362.362.145.1.362.145.58.145.253 0 .435-.036.58-.145s.3-.217.398-.362.145-.326.217-.507a3.17 3.17 0 0 0 .072-.579c0-.217-.036-.398-.072-.616a1.27 1.27 0 0 0-.217-.507c-.1-.145-.217-.3-.398-.362-.145-.1-.362-.145-.58-.145-.253 0-.435.036-.58.145s-.3.217-.362.362c-.1.145-.145.326-.217.507s-.072.398-.072.616c0 .18.036.362.072.58zm8.183 1.955v-.724h-.036c-.18.3-.398.507-.688.652s-.58.18-.87.18c-.362 0-.688-.036-.905-.145s-.435-.253-.58-.435-.217-.398-.3-.652-.072-.543-.072-.87v-3.15h1.412v2.897c0 .435.072.724.18.942s.362.326.688.326c.398 0 .652-.1.833-.326s.253-.616.253-1.123v-2.68h1.412v5.106zm6.013-.65c-.18.3-.362.47-.652.58-.253.1-.58.18-.905.18-.398 0-.724-.072-1.014-.217a1.99 1.99 0 0 1-.724-.616c-.18-.254-.326-.543-.435-.87s-.145-.688-.145-1.014.036-.688.145-.978c.1-.326.253-.616.435-.833a2.66 2.66 0 0 1 .688-.579c.3-.145.616-.217.978-.217.3 0 .58.072.87.18.3.145.47.326.652.58h.036v-2.57h1.412v7.06h-1.34zm-.072-2.535a1.27 1.27 0 0 0-.217-.507 1.75 1.75 0 0 0-.362-.362c-.145-.1-.326-.145-.58-.145s-.435.036-.58.145-.3.217-.362.362a1.27 1.27 0 0 0-.217.507 3.19 3.19 0 0 0-.072.616 3.17 3.17 0 0 0 .072.579 1.75 1.75 0 0 0 .217.543c.107.18.217.3.398.362.145.1.326.145.543.145s.435-.036.58-.145.3-.217.362-.362c.1-.145.145-.326.18-.543a3.19 3.19 0 0 0 .072-.616c.036-.18 0-.398-.036-.58zm6.88 3.186-.905-3.44H88l-.87 3.44H85.7l-1.63-5.106h1.485l.942 3.476h.036l.833-3.476h1.376l.87 3.44h.036l.942-3.44h1.448l-1.593 5.106zm3.802-4.382a1.46 1.46 0 0 1 .543-.507c.217-.145.47-.217.76-.3s.543-.072.833-.072l.797.036a1.89 1.89 0 0 1 .724.217c.217.117.398.253.543.435s.217.435.217.76v2.643c0 .217 0 .435.036.652s.072.362.145.47h-1.4c-.036-.072-.036-.145-.072-.253 0-.072-.036-.18-.036-.253-.217.217-.47.398-.797.47-.3.1-.616.145-.942.145-.253 0-.47-.036-.688-.072-.217-.072-.398-.145-.543-.3-.145-.1-.3-.3-.362-.47a1.93 1.93 0 0 1-.145-.688c0-.3.036-.543.145-.724s.217-.326.398-.435c.145-.1.362-.18.543-.253s.398-.1.616-.145l.616-.072.543-.072a.85.85 0 0 0 .362-.181c.1-.072.145-.18.145-.326a.91.91 0 0 0-.072-.362.784.784 0 0 0-.18-.217 2.3 2.3 0 0 0-.3-.11c-.1 0-.217-.036-.362-.036-.3 0-.507.072-.652.18s-.253.326-.3.58h-1.412c.072-.253.145-.543.3-.76zm2.788 1.992a.69.69 0 0 1-.3.072c-.1.036-.217.036-.326.036s-.217.036-.326.036c-.1.036-.217.036-.326.072s-.18.072-.253.145-.145.1-.18.217a.72.72 0 0 0-.072.326c0 .1.036.217.072.326a.96.96 0 0 0 .181.217 2.3 2.3 0 0 0 .3.11c.12.038.217.036.326.036.3 0 .507-.036.652-.145s.253-.217.326-.326c.072-.145.1-.253.145-.398 0-.145.036-.253.036-.326v-.507a1.52 1.52 0 0 0-.253.11zm5.504-2.717v.942h-1.014v2.535c0 .253.036.398.1.47s.253.1.47.1h.217c.072 0 .145 0 .217-.036v1.086c-.1.036-.253.036-.398.036h-.435c-.217 0-.435 0-.616-.036s-.362-.072-.507-.18c-.145-.072-.253-.217-.362-.362a1.4 1.4 0 0 1-.145-.616V59.2h-.833v-.942h.833v-1.52h1.412v1.52zm3.115.906c-.217 0-.398.036-.58.145-.145.1-.3.217-.362.398-.1.145-.145.326-.217.543a3.17 3.17 0 0 0-.072.579c0 .18.036.362.072.58.036.18.1.362.18.507s.217.3.362.362c.145.1.326.145.543.145.326 0 .58-.1.76-.3s.3-.435.326-.76h1.34c-.1.688-.362 1.195-.797 1.557s-.978.543-1.666.543a3.19 3.19 0 0 1-1.05-.181c-.326-.145-.58-.3-.797-.543a2.15 2.15 0 0 1-.507-.833 3.19 3.19 0 0 1-.181-1.05 3.43 3.43 0 0 1 .18-1.086c.108-.326.3-.616.507-.87s.507-.435.833-.58.688-.217 1.123-.217a3.57 3.57 0 0 1 .869.109c.3.072.543.18.76.362.217.145.398.362.543.616s.217.507.253.87H105.2c-.1-.616-.47-.905-1.05-.905zm4.635-2.86v2.643h.036c.18-.3.398-.507.688-.652s.543-.217.797-.217c.362 0 .688.036.905.145a1.44 1.44 0 0 1 .579.435c.145.18.217.398.3.652s.072.543.072.87v3.15h-1.412v-2.9c0-.435-.072-.724-.18-.942s-.362-.326-.688-.326c-.398 0-.652.1-.833.326s-.253.616-.253 1.123v2.68h-1.412v-7.06h1.412z" fill="#779d3f"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_datadog.tsx b/frontend/app/components/ui/Icons/integrations_datadog.tsx
index 68dab7c47..4d2449ecc 100644
--- a/frontend/app/components/ui/Icons/integrations_datadog.tsx
+++ b/frontend/app/components/ui/Icons/integrations_datadog.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Integrations_datadog(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 500 500"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        clipRule="evenodd"
-        fill="#774AA4"
-        d="m350.2 268.3-27.3-18.1-22.8 38.1-26.5-7.8-23.3 35.7 1.2 11.2L378.2 304l-7.4-79.4-20.6 43.7zM232 234l20.3-2.8c3.3 1.5 5.6 2 9.5 3.1 6.1 1.6 13.3 3.1 23.8-2.2 2.5-1.2 7.6-5.9 9.6-8.6l83.3-15.2 8.5 103.2-142.7 25.8L232 234zm154.7-37.2-8.2 1.6-15.8-163.7L93.5 66l33.2 270 31.5-4.6c-2.5-3.6-6.4-8-13.1-13.5-9.3-7.7-6-20.9-.5-29.2 7.2-14 44.6-31.8 42.4-54.2-.8-8.1-2-18.7-9.6-26-.3 3 .2 5.9.2 5.9s-3.1-4-4.6-9.4c-1.5-2.1-2.7-2.7-4.4-5.5-1.2 3.2-1 6.9-1 6.9s-2.5-6-2.9-11.1c-1.5 2.3-1.9 6.6-1.9 6.6s-3.3-9.5-2.5-14.6c-1.5-4.4-6-13.2-4.7-33.2 8.2 5.8 26.3 4.4 33.4-6 2.3-3.5 3.9-12.9-1.2-31.4-3.3-11.9-11.4-29.6-14.6-36.4l-.4.3c1.7 5.4 5.1 16.8 6.4 22.3 4 16.7 5.1 22.5 3.2 30.2-1.6 6.7-5.4 11.1-15.1 16s-22.6-7-23.4-7.7c-9.4-7.5-16.7-19.8-17.5-25.8-.8-6.5 3.8-10.5 6.1-15.8-3.3 1-7 2.6-7 2.6s4.4-4.6 9.9-8.6c2.3-1.5 3.6-2.5 6-4.4-3.4-.1-6.2 0-6.2 0s5.7-3.1 11.7-5.4c-4.4-.2-8.5 0-8.5 0s12.8-5.7 22.9-10c7-2.9 13.8-2 17.6 3.5 5 7.3 10.3 11.2 21.4 13.6 6.9-3 8.9-4.6 17.5-7 7.6-8.4 13.5-9.4 13.5-9.4s-3 2.7-3.7 7c4.3-3.4 9-6.2 9-6.2s-1.8 2.3-3.5 5.8l.4.6c5-3 10.9-5.4 10.9-5.4s-1.7 2.1-3.7 4.9c3.8 0 11.5.2 14.4.5 17.6.4 21.2-18.8 28-21.2 8.4-3 12.2-4.9 26.6 9.3 12.3 12.2 22 33.9 17.2 38.8-4 4-11.9-1.6-20.7-12.6-4.6-5.8-8.1-12.7-9.8-21.4-1.4-7.4-6.8-11.6-6.8-11.6s3.1 7 3.1 13.2c0 3.4.4 16 5.8 23-.5 1-.8 5.1-1.4 5.9-6.3-7.6-19.7-13-21.9-14.6 7.4 6.1 24.5 20.1 31.1 33.6 6.2 12.7 2.5 24.4 5.7 27.4.9.9 13.3 16.4 15.7 24.2 4.2 13.6.2 27.9-5.2 36.8l-15.3 2.4c-2.2-.6-3.7-.9-5.7-2.1 1.1-2 3.3-6.8 3.3-7.9l-.9-1.5c-4.7 6.7-12.7 13.3-19.3 17.1-8.7 4.9-18.6 4.2-25.1 2.1-18.4-5.7-35.9-18.2-40.1-21.5 0 0-.1 2.6.7 3.2 4.6 5.3 15.3 14.8 25.6 21.4l-21.9 2.4 10.4 81c-4.6.7-5.3 1-10.3 1.7-4.4-15.7-12.9-26-22.2-32-8.2-5.3-19.5-6.5-30.3-4.3l-.7.8c7.5-.8 16.4.3 25.5 6.1 8.9 5.7 16.1 20.3 18.8 29.1 3.4 11.3 5.7 23.3-3.4 36.1-6.5 9.1-25.5 14.1-40.8 3.2 4.1 6.6 9.6 12 17.1 13 11.1 1.5 21.6-.4 28.8-7.9 6.2-6.4 9.4-19.7 8.6-33.7l9.8-1.4 3.5 25.2 161.6-19.5-13.5-128.9zm-98.3-68.3c-.5 1-1.2 1.7-.1 5.1l.1.2.2.4.4 1c1.9 3.9 4 7.6 7.5 9.5.9-.2 1.9-.3 2.8-.3 3.3-.1 5.4.4 6.7 1.1.1-.7.1-1.6.1-3.1-.3-5 1-13.5-8.6-17.9-3.6-1.7-8.7-1.2-10.3.9.3 0 .6.1.8.2 2.6 1 .8 1.9.4 2.9m26.8 46.5c-1.3-.7-7.1-.4-11.2.1-7.8.9-16.3 3.7-18.2 5.1-3.4 2.6-1.8 7.2.7 9 7 5.2 13.1 8.7 19.6 7.9 4-.5 7.5-6.8 9.9-12.5 1.6-3.9 1.6-8.2-.8-9.6m-69.4-40.3c2.2-2.1-11-4.9-21.3 2.1-7.6 5.2-7.8 16.3-.6 22.6.7.6 1.3 1.1 1.9 1.4 2.1-1 4.5-2 7.3-2.9 4.7-1.5 8.6-2.3 11.8-2.7 1.5-1.7 3.3-4.7 2.9-10.2-.6-7.4-6.2-6.3-2-10.3M69.9 435.7H43.7v-60.4h26.2c18.9 0 28.4 9.5 28.4 28.6 0 21.2-9.4 31.8-28.4 31.8m-15-9.7h13.3c12.6 0 18.8-7.4 18.8-22.1 0-12.6-6.3-18.9-18.8-18.9H54.9v41zm55.2 9.7H98.6l25.7-60.4h12.1l26.3 60.4h-12.1l-7.6-16.5h-19.4l3.9-9.7h12.6l-9.9-22.7-20.1 48.9zm46.1-60.4h45.9v9.7h-17.4v50.7h-11.2V385h-17.4v-9.7zm51.7 60.4h-11.5l25.7-60.4h12.1l26.3 60.4h-12.1l-7.6-16.5h-19.4l3.8-9.7h12.6l-9.9-22.7-20 48.9zm86.2 0h-26.2v-60.4h26.2c18.9 0 28.4 9.5 28.4 28.6 0 21.2-9.4 31.8-28.4 31.8m-15-9.7h13.3c12.6 0 18.8-7.4 18.8-22.1 0-12.6-6.3-18.9-18.8-18.9h-13.3v41zm51-20.4c0-20.5 10.1-30.7 30.4-30.7 20 0 29.9 10.2 29.9 30.7 0 20.4-10 30.6-29.9 30.6-19.3-.1-29.5-10.2-30.4-30.6m30.4 20.8c12.2 0 18.3-7 18.3-21.1 0-13.8-6.1-20.8-18.3-20.8-12.5 0-18.8 6.9-18.8 20.8.1 14.1 6.3 21.1 18.8 21.1m76.8-15.1v14.1c-2.6.7-4.9 1-6.9 1-13.7 0-20.6-7.2-20.6-21.8 0-13.4 7.3-20.1 21.8-20.1 6.1 0 11.7 1.1 16.9 3.4v-10.1c-5.2-2-11.1-3-17.8-3-21.7 0-32.6 9.9-32.6 29.8 0 21 10.7 31.5 32.1 31.5 7.4 0 13.5-1.1 18.3-3.2v-31.6h-18.1l-3.8 9.9h10.7z"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 500 500"  width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path clipRule="evenodd" fill="#774AA4" d="m350.2 268.3-27.3-18.1-22.8 38.1-26.5-7.8-23.3 35.7 1.2 11.2L378.2 304l-7.4-79.4-20.6 43.7zM232 234l20.3-2.8c3.3 1.5 5.6 2 9.5 3.1 6.1 1.6 13.3 3.1 23.8-2.2 2.5-1.2 7.6-5.9 9.6-8.6l83.3-15.2 8.5 103.2-142.7 25.8L232 234zm154.7-37.2-8.2 1.6-15.8-163.7L93.5 66l33.2 270 31.5-4.6c-2.5-3.6-6.4-8-13.1-13.5-9.3-7.7-6-20.9-.5-29.2 7.2-14 44.6-31.8 42.4-54.2-.8-8.1-2-18.7-9.6-26-.3 3 .2 5.9.2 5.9s-3.1-4-4.6-9.4c-1.5-2.1-2.7-2.7-4.4-5.5-1.2 3.2-1 6.9-1 6.9s-2.5-6-2.9-11.1c-1.5 2.3-1.9 6.6-1.9 6.6s-3.3-9.5-2.5-14.6c-1.5-4.4-6-13.2-4.7-33.2 8.2 5.8 26.3 4.4 33.4-6 2.3-3.5 3.9-12.9-1.2-31.4-3.3-11.9-11.4-29.6-14.6-36.4l-.4.3c1.7 5.4 5.1 16.8 6.4 22.3 4 16.7 5.1 22.5 3.2 30.2-1.6 6.7-5.4 11.1-15.1 16s-22.6-7-23.4-7.7c-9.4-7.5-16.7-19.8-17.5-25.8-.8-6.5 3.8-10.5 6.1-15.8-3.3 1-7 2.6-7 2.6s4.4-4.6 9.9-8.6c2.3-1.5 3.6-2.5 6-4.4-3.4-.1-6.2 0-6.2 0s5.7-3.1 11.7-5.4c-4.4-.2-8.5 0-8.5 0s12.8-5.7 22.9-10c7-2.9 13.8-2 17.6 3.5 5 7.3 10.3 11.2 21.4 13.6 6.9-3 8.9-4.6 17.5-7 7.6-8.4 13.5-9.4 13.5-9.4s-3 2.7-3.7 7c4.3-3.4 9-6.2 9-6.2s-1.8 2.3-3.5 5.8l.4.6c5-3 10.9-5.4 10.9-5.4s-1.7 2.1-3.7 4.9c3.8 0 11.5.2 14.4.5 17.6.4 21.2-18.8 28-21.2 8.4-3 12.2-4.9 26.6 9.3 12.3 12.2 22 33.9 17.2 38.8-4 4-11.9-1.6-20.7-12.6-4.6-5.8-8.1-12.7-9.8-21.4-1.4-7.4-6.8-11.6-6.8-11.6s3.1 7 3.1 13.2c0 3.4.4 16 5.8 23-.5 1-.8 5.1-1.4 5.9-6.3-7.6-19.7-13-21.9-14.6 7.4 6.1 24.5 20.1 31.1 33.6 6.2 12.7 2.5 24.4 5.7 27.4.9.9 13.3 16.4 15.7 24.2 4.2 13.6.2 27.9-5.2 36.8l-15.3 2.4c-2.2-.6-3.7-.9-5.7-2.1 1.1-2 3.3-6.8 3.3-7.9l-.9-1.5c-4.7 6.7-12.7 13.3-19.3 17.1-8.7 4.9-18.6 4.2-25.1 2.1-18.4-5.7-35.9-18.2-40.1-21.5 0 0-.1 2.6.7 3.2 4.6 5.3 15.3 14.8 25.6 21.4l-21.9 2.4 10.4 81c-4.6.7-5.3 1-10.3 1.7-4.4-15.7-12.9-26-22.2-32-8.2-5.3-19.5-6.5-30.3-4.3l-.7.8c7.5-.8 16.4.3 25.5 6.1 8.9 5.7 16.1 20.3 18.8 29.1 3.4 11.3 5.7 23.3-3.4 36.1-6.5 9.1-25.5 14.1-40.8 3.2 4.1 6.6 9.6 12 17.1 13 11.1 1.5 21.6-.4 28.8-7.9 6.2-6.4 9.4-19.7 8.6-33.7l9.8-1.4 3.5 25.2 161.6-19.5-13.5-128.9zm-98.3-68.3c-.5 1-1.2 1.7-.1 5.1l.1.2.2.4.4 1c1.9 3.9 4 7.6 7.5 9.5.9-.2 1.9-.3 2.8-.3 3.3-.1 5.4.4 6.7 1.1.1-.7.1-1.6.1-3.1-.3-5 1-13.5-8.6-17.9-3.6-1.7-8.7-1.2-10.3.9.3 0 .6.1.8.2 2.6 1 .8 1.9.4 2.9m26.8 46.5c-1.3-.7-7.1-.4-11.2.1-7.8.9-16.3 3.7-18.2 5.1-3.4 2.6-1.8 7.2.7 9 7 5.2 13.1 8.7 19.6 7.9 4-.5 7.5-6.8 9.9-12.5 1.6-3.9 1.6-8.2-.8-9.6m-69.4-40.3c2.2-2.1-11-4.9-21.3 2.1-7.6 5.2-7.8 16.3-.6 22.6.7.6 1.3 1.1 1.9 1.4 2.1-1 4.5-2 7.3-2.9 4.7-1.5 8.6-2.3 11.8-2.7 1.5-1.7 3.3-4.7 2.9-10.2-.6-7.4-6.2-6.3-2-10.3M69.9 435.7H43.7v-60.4h26.2c18.9 0 28.4 9.5 28.4 28.6 0 21.2-9.4 31.8-28.4 31.8m-15-9.7h13.3c12.6 0 18.8-7.4 18.8-22.1 0-12.6-6.3-18.9-18.8-18.9H54.9v41zm55.2 9.7H98.6l25.7-60.4h12.1l26.3 60.4h-12.1l-7.6-16.5h-19.4l3.9-9.7h12.6l-9.9-22.7-20.1 48.9zm46.1-60.4h45.9v9.7h-17.4v50.7h-11.2V385h-17.4v-9.7zm51.7 60.4h-11.5l25.7-60.4h12.1l26.3 60.4h-12.1l-7.6-16.5h-19.4l3.8-9.7h12.6l-9.9-22.7-20 48.9zm86.2 0h-26.2v-60.4h26.2c18.9 0 28.4 9.5 28.4 28.6 0 21.2-9.4 31.8-28.4 31.8m-15-9.7h13.3c12.6 0 18.8-7.4 18.8-22.1 0-12.6-6.3-18.9-18.8-18.9h-13.3v41zm51-20.4c0-20.5 10.1-30.7 30.4-30.7 20 0 29.9 10.2 29.9 30.7 0 20.4-10 30.6-29.9 30.6-19.3-.1-29.5-10.2-30.4-30.6m30.4 20.8c12.2 0 18.3-7 18.3-21.1 0-13.8-6.1-20.8-18.3-20.8-12.5 0-18.8 6.9-18.8 20.8.1 14.1 6.3 21.1 18.8 21.1m76.8-15.1v14.1c-2.6.7-4.9 1-6.9 1-13.7 0-20.6-7.2-20.6-21.8 0-13.4 7.3-20.1 21.8-20.1 6.1 0 11.7 1.1 16.9 3.4v-10.1c-5.2-2-11.1-3-17.8-3-21.7 0-32.6 9.9-32.6 29.8 0 21 10.7 31.5 32.1 31.5 7.4 0 13.5-1.1 18.3-3.2v-31.6h-18.1l-3.8 9.9h10.7z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_dynatrace.tsx b/frontend/app/components/ui/Icons/integrations_dynatrace.tsx
index 38d44763f..8e8abf79c 100644
--- a/frontend/app/components/ui/Icons/integrations_dynatrace.tsx
+++ b/frontend/app/components/ui/Icons/integrations_dynatrace.tsx
@@ -9,46 +9,9 @@ interface Props {
 }
 
 function Integrations_dynatrace(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 14 15"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g>
-        <path
-          d="M4.77 1.403c-.18.95-.4 2.36-.52 3.79-.21 2.52-.08 4.21-.08 4.21l-3.55 3.37s-.27-1.89-.41-4.02C.13 7.433.1 6.273.1 5.573c0-.04.02-.08.02-.12 0-.05.06-.52.52-.96.5-.48 4.19-3.37 4.13-3.09Z"
-          fill="#394EFF"
-        />
-        <path
-          d="M4.77 1.403c-.18.95-.4 2.36-.52 3.79 0 0-3.93-.47-4.15.48 0-.05.07-.63.53-1.07.5-.48 4.2-3.48 4.14-3.2Z"
-          fill="#1284EA"
-        />
-        <path
-          d="M.1 5.443v.22c.04-.17.11-.29.25-.48.29-.37.76-.47.95-.49.96-.13 2.38-.28 3.81-.32 2.53-.08 4.2.13 4.2.13l3.55-3.37S11 .783 8.88.533c-1.39-.17-2.61-.26-3.3-.3-.05 0-.54-.06-1 .38-.5.48-3.04 2.89-4.06 3.86-.46.44-.42.93-.42.97Z"
-          fill="#B4DC00"
-        />
-        <path
-          d="M12.73 9.753c-.96.13-2.38.29-3.81.34-2.53.08-4.21-.13-4.21-.13l-3.55 3.38s1.88.37 4 .61c1.3.15 2.45.23 3.15.27.05 0 .13-.04.18-.04.05 0 .54-.09 1-.53.5-.48 3.52-3.93 3.24-3.9Z"
-          fill="#6F2DA8"
-        />
-        <path
-          d="M12.73 9.753c-.96.13-2.38.29-3.81.34 0 0 .27 3.95-.68 4.12.05 0 .7-.03 1.16-.47.5-.48 3.61-4.02 3.33-3.99Z"
-          fill="#591F91"
-        />
-        <path
-          d="M8.45 14.233c-.07 0-.14-.01-.22-.01.18-.03.3-.09.49-.23.38-.27.5-.74.54-.93.17-.95.4-2.36.51-3.79.2-2.52.08-4.2.08-4.2l3.55-3.38s.26 1.88.41 4.01c.09 1.39.12 2.62.13 3.3 0 .05.04.54-.42.98-.5.48-3.04 2.9-4.05 3.87-.48.44-.97.38-1.02.38Z"
-          fill="#73BE28"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .133)" d="M0 0h14v14.2H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 14 15" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g><path d="M4.77 1.403c-.18.95-.4 2.36-.52 3.79-.21 2.52-.08 4.21-.08 4.21l-3.55 3.37s-.27-1.89-.41-4.02C.13 7.433.1 6.273.1 5.573c0-.04.02-.08.02-.12 0-.05.06-.52.52-.96.5-.48 4.19-3.37 4.13-3.09Z" fill="#394EFF"/><path d="M4.77 1.403c-.18.95-.4 2.36-.52 3.79 0 0-3.93-.47-4.15.48 0-.05.07-.63.53-1.07.5-.48 4.2-3.48 4.14-3.2Z" fill="#1284EA"/><path d="M.1 5.443v.22c.04-.17.11-.29.25-.48.29-.37.76-.47.95-.49.96-.13 2.38-.28 3.81-.32 2.53-.08 4.2.13 4.2.13l3.55-3.37S11 .783 8.88.533c-1.39-.17-2.61-.26-3.3-.3-.05 0-.54-.06-1 .38-.5.48-3.04 2.89-4.06 3.86-.46.44-.42.93-.42.97Z" fill="#B4DC00"/><path d="M12.73 9.753c-.96.13-2.38.29-3.81.34-2.53.08-4.21-.13-4.21-.13l-3.55 3.38s1.88.37 4 .61c1.3.15 2.45.23 3.15.27.05 0 .13-.04.18-.04.05 0 .54-.09 1-.53.5-.48 3.52-3.93 3.24-3.9Z" fill="#6F2DA8"/><path d="M12.73 9.753c-.96.13-2.38.29-3.81.34 0 0 .27 3.95-.68 4.12.05 0 .7-.03 1.16-.47.5-.48 3.61-4.02 3.33-3.99Z" fill="#591F91"/><path d="M8.45 14.233c-.07 0-.14-.01-.22-.01.18-.03.3-.09.49-.23.38-.27.5-.74.54-.93.17-.95.4-2.36.51-3.79.2-2.52.08-4.2.08-4.2l3.55-3.38s.26 1.88.41 4.01c.09 1.39.12 2.62.13 3.3 0 .05.04.54-.42.98-.5.48-3.04 2.9-4.05 3.87-.48.44-.97.38-1.02.38Z" fill="#73BE28"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .133)" d="M0 0h14v14.2H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_elasticsearch.tsx b/frontend/app/components/ui/Icons/integrations_elasticsearch.tsx
index 53a0df575..52d5abe2a 100644
--- a/frontend/app/components/ui/Icons/integrations_elasticsearch.tsx
+++ b/frontend/app/components/ui/Icons/integrations_elasticsearch.tsx
@@ -9,44 +9,9 @@ interface Props {
 }
 
 function Integrations_elasticsearch(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 256 256"
-      preserveAspectRatio="xMinYMin meet"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M255.96 134.393c0-21.521-13.373-40.117-33.223-47.43a75.239 75.239 0 0 0 1.253-13.791c0-39.909-32.386-72.295-72.295-72.295-23.193 0-44.923 11.074-58.505 30.088-6.686-5.224-14.835-7.94-23.402-7.94-21.104 0-38.446 17.133-38.446 38.446 0 4.597.836 9.194 2.298 13.373C13.582 81.739 0 100.962 0 122.274c0 21.522 13.373 40.327 33.431 47.64-.835 4.388-1.253 8.985-1.253 13.79 0 39.7 32.386 72.087 72.086 72.087 23.402 0 44.924-11.283 58.505-30.088 6.686 5.223 15.044 8.149 23.611 8.149 21.104 0 38.446-17.134 38.446-38.446 0-4.597-.836-9.194-2.298-13.373 19.64-7.104 33.431-26.327 33.431-47.64z"
-        fill="#FFF"
-      />
-      <path
-        d="m100.085 110.364 57.043 26.119 57.669-50.565a64.312 64.312 0 0 0 1.253-12.746c0-35.52-28.834-64.355-64.355-64.355-21.313 0-41.162 10.447-53.072 27.998l-9.612 49.73 11.074 23.82z"
-        fill="#F4BD19"
-      />
-      <path
-        d="M40.953 170.75c-.835 4.179-1.253 8.567-1.253 12.955 0 35.52 29.043 64.564 64.564 64.564 21.522 0 41.372-10.656 53.49-28.208l9.403-49.729-12.746-24.238-57.251-26.118-56.207 50.774z"
-        fill="#3CBEB1"
-      />
-      <path
-        d="m40.536 71.918 39.073 9.194 8.775-44.506c-5.432-4.179-11.91-6.268-18.805-6.268-16.925 0-30.924 13.79-30.924 30.924 0 3.552.627 7.313 1.88 10.656z"
-        fill="#E9478C"
-      />
-      <path
-        d="M37.192 81.32c-17.551 5.642-29.67 22.567-29.67 40.954 0 17.97 11.074 34.059 27.79 40.327l54.953-49.73-10.03-21.52-43.043-10.03z"
-        fill="#2C458F"
-      />
-      <path
-        d="M167.784 219.852c5.432 4.18 11.91 6.478 18.596 6.478 16.925 0 30.924-13.79 30.924-30.924 0-3.761-.627-7.314-1.88-10.657l-39.073-9.193-8.567 44.296z"
-        fill="#95C63D"
-      />
-      <path
-        d="m175.724 165.317 43.043 10.03c17.551-5.85 29.67-22.566 29.67-40.954 0-17.97-11.074-33.849-27.79-40.326l-56.415 49.311 11.492 21.94z"
-        fill="#176655"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 256 256" preserveAspectRatio="xMinYMin meet" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M255.96 134.393c0-21.521-13.373-40.117-33.223-47.43a75.239 75.239 0 0 0 1.253-13.791c0-39.909-32.386-72.295-72.295-72.295-23.193 0-44.923 11.074-58.505 30.088-6.686-5.224-14.835-7.94-23.402-7.94-21.104 0-38.446 17.133-38.446 38.446 0 4.597.836 9.194 2.298 13.373C13.582 81.739 0 100.962 0 122.274c0 21.522 13.373 40.327 33.431 47.64-.835 4.388-1.253 8.985-1.253 13.79 0 39.7 32.386 72.087 72.086 72.087 23.402 0 44.924-11.283 58.505-30.088 6.686 5.223 15.044 8.149 23.611 8.149 21.104 0 38.446-17.134 38.446-38.446 0-4.597-.836-9.194-2.298-13.373 19.64-7.104 33.431-26.327 33.431-47.64z" fill="#FFF"/><path d="m100.085 110.364 57.043 26.119 57.669-50.565a64.312 64.312 0 0 0 1.253-12.746c0-35.52-28.834-64.355-64.355-64.355-21.313 0-41.162 10.447-53.072 27.998l-9.612 49.73 11.074 23.82z" fill="#F4BD19"/><path d="M40.953 170.75c-.835 4.179-1.253 8.567-1.253 12.955 0 35.52 29.043 64.564 64.564 64.564 21.522 0 41.372-10.656 53.49-28.208l9.403-49.729-12.746-24.238-57.251-26.118-56.207 50.774z" fill="#3CBEB1"/><path d="m40.536 71.918 39.073 9.194 8.775-44.506c-5.432-4.179-11.91-6.268-18.805-6.268-16.925 0-30.924 13.79-30.924 30.924 0 3.552.627 7.313 1.88 10.656z" fill="#E9478C"/><path d="M37.192 81.32c-17.551 5.642-29.67 22.567-29.67 40.954 0 17.97 11.074 34.059 27.79 40.327l54.953-49.73-10.03-21.52-43.043-10.03z" fill="#2C458F"/><path d="M167.784 219.852c5.432 4.18 11.91 6.478 18.596 6.478 16.925 0 30.924-13.79 30.924-30.924 0-3.761-.627-7.314-1.88-10.657l-39.073-9.193-8.567 44.296z" fill="#95C63D"/><path d="m175.724 165.317 43.043 10.03c17.551-5.85 29.67-22.566 29.67-40.954 0-17.97-11.074-33.849-27.79-40.326l-56.415 49.311 11.492 21.94z" fill="#176655"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_elasticsearch_text.tsx b/frontend/app/components/ui/Icons/integrations_elasticsearch_text.tsx
index 1743f9e28..88d17f78f 100644
--- a/frontend/app/components/ui/Icons/integrations_elasticsearch_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_elasticsearch_text.tsx
@@ -9,39 +9,9 @@ interface Props {
 }
 
 function Integrations_elasticsearch_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg width={`${width}px`} height={`${height}px`} fill={`${fill}`}>
-      <path
-        d="M42.596 30.926a7.56 7.56 0 0 0-5.003-7.13c.13-.68.195-1.37.195-2.063 0-5.993-4.873-10.866-10.85-10.866a10.834 10.834 0 0 0-8.803 4.5 5.74 5.74 0 0 0-3.525-1.202 5.77 5.77 0 0 0-5.766 5.766c0 .698.13 1.38.357 2.014-2.99 1.072-5.035 3.947-5.035 7.147a7.58 7.58 0 0 0 5.019 7.147A10.83 10.83 0 0 0 8.99 38.3c0 5.977 4.857 10.834 10.834 10.834a10.8 10.8 0 0 0 8.787-4.515 5.672 5.672 0 0 0 3.525 1.234 5.77 5.77 0 0 0 5.766-5.766c0-.698-.13-1.38-.357-2.014 2.99-1.072 5.05-3.947 5.05-7.147"
-        fill="#fff"
-      />
-      <path
-        d="m19.272 27.352 8.414 3.833 8.48-7.44a8.88 8.88 0 0 0 .18-1.868 9.5 9.5 0 0 0-9.486-9.486 9.456 9.456 0 0 0-7.813 4.126l-1.413 7.325z"
-        fill="#fed10a"
-      />
-      <path
-        d="M10.566 36.253c-.13.617-.18 1.25-.18 1.9a9.52 9.52 0 0 0 9.518 9.502 9.51 9.51 0 0 0 7.861-4.158l1.397-7.293-1.868-3.573-8.446-3.85z"
-        fill="#24bbb1"
-      />
-      <path
-        d="m10.517 21.7 5.766 1.364 1.267-6.546a4.53 4.53 0 0 0-2.76-.926 4.55 4.55 0 0 0-4.548 4.548c0 .536.097 1.072.276 1.56"
-        fill="#ef5098"
-      />
-      <path
-        d="M10.014 23.08c-2.566.845-4.37 3.313-4.37 6.026a6.372 6.372 0 0 0 4.093 5.945l8.09-7.31-1.478-3.167z"
-        fill="#17a8e0"
-      />
-      <path
-        d="M29.228 43.497c.796.6 1.754.942 2.745.942a4.55 4.55 0 0 0 4.548-4.548 4.59 4.59 0 0 0-.276-1.576l-5.75-1.348z"
-        fill="#93c83e"
-      />
-      <path
-        d="m30.398 35.457 6.335 1.478a6.4 6.4 0 0 0 4.369-6.042c0-2.63-1.64-5.003-4.093-5.93l-8.284 7.26z"
-        fill="#0779a1"
-      />
-      <path d="m57.896 37.748.763-.08.05 1.56c-2.014.276-3.736.422-5.165.422-1.9 0-3.248-.552-4.044-1.657s-1.186-2.826-1.186-5.15c0-4.645 1.852-6.968 5.54-6.968 1.787 0 3.12.504 3.996 1.494s1.316 2.566 1.316 4.694l-.114 1.51H50.31c0 1.462.26 2.55.796 3.248s1.446 1.056 2.76 1.056a37.35 37.35 0 0 0 4.028-.13zm-.715-5.734c0-1.624-.26-2.777-.78-3.443s-1.364-1.007-2.534-1.007-2.063.357-2.648 1.056-.893 1.835-.9 3.395zm4.743 7.553V22.14h1.982v17.428zm14.505-9.404v6.676c0 .666 1.64.633 1.64.633l-.097 1.754c-1.397 0-2.55.114-3.248-.552a11.64 11.64 0 0 1-4.759.991c-1.218 0-2.144-.34-2.777-1.04-.633-.682-.958-1.673-.958-2.972 0-1.283.325-2.24.975-2.842s1.673-.99 3.07-1.12l4.158-.4v-1.137c0-.893-.195-1.543-.585-1.933s-.926-.585-1.592-.585H67.04V25.89h5.084c1.494 0 2.583.34 3.265 1.04.698.682 1.04 1.77 1.04 3.232zm-8.154 5.393c0 1.624.666 2.436 2.014 2.436a10.6 10.6 0 0 0 3.541-.601l.6-.21V32.8l-3.914.374c-.796.065-1.364.292-1.722.682s-.52.958-.52 1.69zm15.9-7.894c-1.917 0-2.89.666-2.89 2.014 0 .617.227 1.056.666 1.316s1.446.52 3.02.796 2.68.65 3.33 1.153c.65.487.975 1.413.975 2.777s-.44 2.355-1.316 2.99-2.144.958-3.833.958c-1.088 0-4.743-.406-4.743-.406l.114-1.722 4.645.357c1.023 0 1.803-.162 2.34-.487s.812-.877.812-1.64-.227-1.283-.682-1.56-1.462-.536-3.02-.78-2.664-.6-3.313-1.088c-.65-.47-.975-1.364-.975-2.648s.455-2.24 1.364-2.86 2.047-.926 3.395-.926c1.072 0 4.808.276 4.808.276v1.738l-4.694-.26zm14.683.227h-4.207v6.335c0 1.51.114 2.518.325 2.99.227.47.747.715 1.576.715l2.355-.162.13 1.64c-1.186.195-2.08.292-2.696.292-1.38 0-2.323-.34-2.86-1.007s-.796-1.95-.796-3.833v-6.968h-1.884v-1.722h1.884v-4.06h1.965v4.044h4.207zm2.76-3.427v-2.3h1.982v2.306h-1.982zm0 15.106v-13.4h1.982v13.4zm10.6-13.676c.585 0 1.576.114 2.972.325l.633.08-.08 1.608-3.12-.244c-1.494 0-2.518.357-3.054 1.072s-.812 2.047-.812 3.98.244 3.28.747 4.044 1.543 1.137 3.135 1.137l3.12-.244.08 1.64-3.687.374c-2.063 0-3.492-.536-4.272-1.592s-1.186-2.842-1.186-5.36.422-4.288 1.267-5.295c.86-1.007 2.274-1.527 4.256-1.527z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M42.596 30.926a7.56 7.56 0 0 0-5.003-7.13c.13-.68.195-1.37.195-2.063 0-5.993-4.873-10.866-10.85-10.866a10.834 10.834 0 0 0-8.803 4.5 5.74 5.74 0 0 0-3.525-1.202 5.77 5.77 0 0 0-5.766 5.766c0 .698.13 1.38.357 2.014-2.99 1.072-5.035 3.947-5.035 7.147a7.58 7.58 0 0 0 5.019 7.147A10.83 10.83 0 0 0 8.99 38.3c0 5.977 4.857 10.834 10.834 10.834a10.8 10.8 0 0 0 8.787-4.515 5.672 5.672 0 0 0 3.525 1.234 5.77 5.77 0 0 0 5.766-5.766c0-.698-.13-1.38-.357-2.014 2.99-1.072 5.05-3.947 5.05-7.147" fill="#fff"/><path d="m19.272 27.352 8.414 3.833 8.48-7.44a8.88 8.88 0 0 0 .18-1.868 9.5 9.5 0 0 0-9.486-9.486 9.456 9.456 0 0 0-7.813 4.126l-1.413 7.325z" fill="#fed10a"/><path d="M10.566 36.253c-.13.617-.18 1.25-.18 1.9a9.52 9.52 0 0 0 9.518 9.502 9.51 9.51 0 0 0 7.861-4.158l1.397-7.293-1.868-3.573-8.446-3.85z" fill="#24bbb1"/><path d="m10.517 21.7 5.766 1.364 1.267-6.546a4.53 4.53 0 0 0-2.76-.926 4.55 4.55 0 0 0-4.548 4.548c0 .536.097 1.072.276 1.56" fill="#ef5098"/><path d="M10.014 23.08c-2.566.845-4.37 3.313-4.37 6.026a6.372 6.372 0 0 0 4.093 5.945l8.09-7.31-1.478-3.167z" fill="#17a8e0"/><path d="M29.228 43.497c.796.6 1.754.942 2.745.942a4.55 4.55 0 0 0 4.548-4.548 4.59 4.59 0 0 0-.276-1.576l-5.75-1.348z" fill="#93c83e"/><path d="m30.398 35.457 6.335 1.478a6.4 6.4 0 0 0 4.369-6.042c0-2.63-1.64-5.003-4.093-5.93l-8.284 7.26z" fill="#0779a1"/><path d="m57.896 37.748.763-.08.05 1.56c-2.014.276-3.736.422-5.165.422-1.9 0-3.248-.552-4.044-1.657s-1.186-2.826-1.186-5.15c0-4.645 1.852-6.968 5.54-6.968 1.787 0 3.12.504 3.996 1.494s1.316 2.566 1.316 4.694l-.114 1.51H50.31c0 1.462.26 2.55.796 3.248s1.446 1.056 2.76 1.056a37.35 37.35 0 0 0 4.028-.13zm-.715-5.734c0-1.624-.26-2.777-.78-3.443s-1.364-1.007-2.534-1.007-2.063.357-2.648 1.056-.893 1.835-.9 3.395zm4.743 7.553V22.14h1.982v17.428zm14.505-9.404v6.676c0 .666 1.64.633 1.64.633l-.097 1.754c-1.397 0-2.55.114-3.248-.552a11.64 11.64 0 0 1-4.759.991c-1.218 0-2.144-.34-2.777-1.04-.633-.682-.958-1.673-.958-2.972 0-1.283.325-2.24.975-2.842s1.673-.99 3.07-1.12l4.158-.4v-1.137c0-.893-.195-1.543-.585-1.933s-.926-.585-1.592-.585H67.04V25.89h5.084c1.494 0 2.583.34 3.265 1.04.698.682 1.04 1.77 1.04 3.232zm-8.154 5.393c0 1.624.666 2.436 2.014 2.436a10.6 10.6 0 0 0 3.541-.601l.6-.21V32.8l-3.914.374c-.796.065-1.364.292-1.722.682s-.52.958-.52 1.69zm15.9-7.894c-1.917 0-2.89.666-2.89 2.014 0 .617.227 1.056.666 1.316s1.446.52 3.02.796 2.68.65 3.33 1.153c.65.487.975 1.413.975 2.777s-.44 2.355-1.316 2.99-2.144.958-3.833.958c-1.088 0-4.743-.406-4.743-.406l.114-1.722 4.645.357c1.023 0 1.803-.162 2.34-.487s.812-.877.812-1.64-.227-1.283-.682-1.56-1.462-.536-3.02-.78-2.664-.6-3.313-1.088c-.65-.47-.975-1.364-.975-2.648s.455-2.24 1.364-2.86 2.047-.926 3.395-.926c1.072 0 4.808.276 4.808.276v1.738l-4.694-.26zm14.683.227h-4.207v6.335c0 1.51.114 2.518.325 2.99.227.47.747.715 1.576.715l2.355-.162.13 1.64c-1.186.195-2.08.292-2.696.292-1.38 0-2.323-.34-2.86-1.007s-.796-1.95-.796-3.833v-6.968h-1.884v-1.722h1.884v-4.06h1.965v4.044h4.207zm2.76-3.427v-2.3h1.982v2.306h-1.982zm0 15.106v-13.4h1.982v13.4zm10.6-13.676c.585 0 1.576.114 2.972.325l.633.08-.08 1.608-3.12-.244c-1.494 0-2.518.357-3.054 1.072s-.812 2.047-.812 3.98.244 3.28.747 4.044 1.543 1.137 3.135 1.137l3.12-.244.08 1.64-3.687.374c-2.063 0-3.492-.536-4.272-1.592s-1.186-2.842-1.186-5.36.422-4.288 1.267-5.295c.86-1.007 2.274-1.527 4.256-1.527z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_github.tsx b/frontend/app/components/ui/Icons/integrations_github.tsx
index 86a829c0c..2c31985f1 100644
--- a/frontend/app/components/ui/Icons/integrations_github.tsx
+++ b/frontend/app/components/ui/Icons/integrations_github.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Integrations_github(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 496 512"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 496 512" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_graphql.tsx b/frontend/app/components/ui/Icons/integrations_graphql.tsx
index 416d7a3a6..074c9b9d1 100644
--- a/frontend/app/components/ui/Icons/integrations_graphql.tsx
+++ b/frontend/app/components/ui/Icons/integrations_graphql.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Integrations_graphql(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 120 120"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <rect fill="#fff" height="120" rx="6.01" width="120" />
-      <path
-        d="m66.84 29.17 16.44 9.5a7 7 0 0 1 1.62-1.28A7.13 7.13 0 1 1 92 49.74a7 7 0 0 1-1.9.76v19a7.13 7.13 0 1 1-5.25 13.11 6.85 6.85 0 0 1-1.76-1.43l-16.32 9.44a7.26 7.26 0 0 1 .36 2.25 7.13 7.13 0 1 1-14-2l-16.42-9.51a7 7 0 0 1-1.59 1.25 7.13 7.13 0 1 1-5.25-13.11v-19a7 7 0 0 1-1.9-.76 7.13 7.13 0 1 1 7.13-12.35 7 7 0 0 1 1.61 1.27l16.45-9.5a7.22 7.22 0 0 1-.29-2 7.13 7.13 0 1 1 14.26 0 7.24 7.24 0 0 1-.29 2.01zm-1.72 2.92 16.49 9.52a7.12 7.12 0 0 0 5.13 8.87v19l-.27.07-21.54-37.27zm-10.05.2-21.53 37.3-.28-.08v-19a7.06 7.06 0 0 0 4.45-3.35 7.15 7.15 0 0 0 .68-5.53l16.48-9.51a1.89 1.89 0 0 1 .2.17zM62 34l21.52 37.27a7.09 7.09 0 0 0-1.25 1.6 6.84 6.84 0 0 0-.75 1.88h-43a6.84 6.84 0 0 0-.75-1.88 7.26 7.26 0 0 0-1.25-1.59L58 34a7.21 7.21 0 0 0 4 0zm3.28 54.09 16.38-9.46c0-.16-.09-.31-.13-.47h-43c0 .09 0 .19-.08.28l16.46 9.5a7.14 7.14 0 0 1 10.41.15z"
-        fill="#e535ab"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 120 120" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><rect fill="#fff" height="120" rx="6.01" width="120"/><path d="m66.84 29.17 16.44 9.5a7 7 0 0 1 1.62-1.28A7.13 7.13 0 1 1 92 49.74a7 7 0 0 1-1.9.76v19a7.13 7.13 0 1 1-5.25 13.11 6.85 6.85 0 0 1-1.76-1.43l-16.32 9.44a7.26 7.26 0 0 1 .36 2.25 7.13 7.13 0 1 1-14-2l-16.42-9.51a7 7 0 0 1-1.59 1.25 7.13 7.13 0 1 1-5.25-13.11v-19a7 7 0 0 1-1.9-.76 7.13 7.13 0 1 1 7.13-12.35 7 7 0 0 1 1.61 1.27l16.45-9.5a7.22 7.22 0 0 1-.29-2 7.13 7.13 0 1 1 14.26 0 7.24 7.24 0 0 1-.29 2.01zm-1.72 2.92 16.49 9.52a7.12 7.12 0 0 0 5.13 8.87v19l-.27.07-21.54-37.27zm-10.05.2-21.53 37.3-.28-.08v-19a7.06 7.06 0 0 0 4.45-3.35 7.15 7.15 0 0 0 .68-5.53l16.48-9.51a1.89 1.89 0 0 1 .2.17zM62 34l21.52 37.27a7.09 7.09 0 0 0-1.25 1.6 6.84 6.84 0 0 0-.75 1.88h-43a6.84 6.84 0 0 0-.75-1.88 7.26 7.26 0 0 0-1.25-1.59L58 34a7.21 7.21 0 0 0 4 0zm3.28 54.09 16.38-9.46c0-.16-.09-.31-.13-.47h-43c0 .09 0 .19-.08.28l16.46 9.5a7.14 7.14 0 0 1 10.41.15z" fill="#e535ab"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_jira.tsx b/frontend/app/components/ui/Icons/integrations_jira.tsx
index e3259c55b..2ab8e442e 100644
--- a/frontend/app/components/ui/Icons/integrations_jira.tsx
+++ b/frontend/app/components/ui/Icons/integrations_jira.tsx
@@ -9,51 +9,9 @@ interface Props {
 }
 
 function Integrations_jira(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 74 76"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <defs>
-        <linearGradient
-          x1="67.68%"
-          y1="40.328%"
-          x2="40.821%"
-          y2="81.66%"
-          id="a"
-        >
-          <stop stopColor="#777" offset="18%" />
-          <stop stopColor="#999" offset="100%" />
-        </linearGradient>
-        <linearGradient
-          x1="32.656%"
-          y1="59.166%"
-          x2="59.343%"
-          y2="17.99%"
-          id="b"
-        >
-          <stop stopColor="#777" offset="18%" />
-          <stop stopColor="#999" offset="100%" />
-        </linearGradient>
-      </defs>
-      <g fill="none">
-        <path
-          d="M72.4 35.76 39.8 3.16 36.64 0 12.1 24.54.88 35.76a3 3 0 0 0 0 4.24L23.3 62.42l13.34 13.34 24.54-24.54.38-.38L72.4 40a3 3 0 0 0 0-4.24ZM36.64 49.08l-11.2-11.2 11.2-11.2 11.2 11.2-11.2 11.2Z"
-          fill="#999"
-        />
-        <path
-          d="M36.64 26.68c-7.333-7.334-7.369-19.212-.08-26.59l-24.51 24.5 13.34 13.34 11.25-11.25Z"
-          fill="url(#a)"
-        />
-        <path
-          d="M47.87 37.85 36.64 49.08a18.86 18.86 0 0 1 0 26.68l24.57-24.57-13.34-13.34Z"
-          fill="url(#b)"
-        />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 74 76" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><defs><linearGradient x1="67.68%" y1="40.328%" x2="40.821%" y2="81.66%" id="a"><stop stopColor="#777" offset="18%"/><stop stopColor="#999" offset="100%"/></linearGradient><linearGradient x1="32.656%" y1="59.166%" x2="59.343%" y2="17.99%" id="b"><stop stopColor="#777" offset="18%"/><stop stopColor="#999" offset="100%"/></linearGradient></defs><g fill="none"><path d="M72.4 35.76 39.8 3.16 36.64 0 12.1 24.54.88 35.76a3 3 0 0 0 0 4.24L23.3 62.42l13.34 13.34 24.54-24.54.38-.38L72.4 40a3 3 0 0 0 0-4.24ZM36.64 49.08l-11.2-11.2 11.2-11.2 11.2 11.2-11.2 11.2Z" fill="#999"/><path d="M36.64 26.68c-7.333-7.334-7.369-19.212-.08-26.59l-24.51 24.5 13.34 13.34 11.25-11.25Z" fill="url(#a)"/><path d="M47.87 37.85 36.64 49.08a18.86 18.86 0 0 1 0 26.68l24.57-24.57-13.34-13.34Z" fill="url(#b)"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_jira_text.tsx b/frontend/app/components/ui/Icons/integrations_jira_text.tsx
index 475e84510..63ed40b07 100644
--- a/frontend/app/components/ui/Icons/integrations_jira_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_jira_text.tsx
@@ -9,40 +9,9 @@ interface Props {
 }
 
 function Integrations_jira_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 254.6 150"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <defs>
-        <linearGradient
-          id="a"
-          x1="55.29"
-          y1="50.91"
-          x2="40.58"
-          y2="66.08"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset=".18" stopColor="#0052cc" />
-          <stop offset="1" stopColor="#2684ff" />
-        </linearGradient>
-        <linearGradient
-          id="b"
-          x1="39.15"
-          y1="68.24"
-          x2="22.14"
-          y2="84.79"
-          xlinkHref="#a"
-        />
-      </defs>
-      <path d="M109.87 42.62h7.92v40.22c0 10.64-4.66 18-15.57 18a28.19 28.19 0 0 1-9.51-1.5v-7.7a22.4 22.4 0 0 0 8.19 1.49c6.69 0 9-4 9-9.77ZM132.23 39.54a4.94 4.94 0 0 1 5.27 5.28 5.28 5.28 0 1 1-10.55 0 4.94 4.94 0 0 1 5.28-5.28Zm-3.88 16.9h7.57v44h-7.57ZM154.75 100.44h-7.39v-44h7.39v7.74c2.55-5.19 6.95-8.89 15.58-8.36v7.39c-9.68-1-15.58 1.94-15.58 11.27ZM205.79 92.52c-2.81 5.8-8.09 8.8-14.87 8.8-11.7 0-17.6-9.95-17.6-22.88 0-12.41 6.16-22.88 18.48-22.88 6.42 0 11.35 2.9 14 8.62v-7.74h7.57v44h-7.57Zm-12.85 1.76c6.78 0 12.85-4.32 12.85-14.08v-3.52c0-9.77-5.54-14.08-12-14.08-8.53 0-12.93 5.63-12.93 15.84.03 10.56 4.25 15.84 12.08 15.84Z" />
-      <path d="M70.14 33.62H35.56a15.61 15.61 0 0 0 15.61 15.61h6.36v6.15A15.6 15.6 0 0 0 73.14 71V36.62a3 3 0 0 0-3-3Z" />
-      <path d="M53 50.85H18.44a15.61 15.61 0 0 0 15.61 15.61h6.37v6.14A15.61 15.61 0 0 0 56 88.21V53.85a3 3 0 0 0-3-3Z" />
-      <path d="M35.91 68.08H1.33a15.6 15.6 0 0 0 15.6 15.61h6.37v6.14a15.61 15.61 0 0 0 15.61 15.61V71.08a3 3 0 0 0-3-3Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 254.6 150" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><defs><linearGradient id="a" x1="55.29" y1="50.91" x2="40.58" y2="66.08" gradientUnits="userSpaceOnUse"><stop offset=".18" stopColor="#0052cc"/><stop offset="1" stopColor="#2684ff"/></linearGradient><linearGradient id="b" x1="39.15" y1="68.24" x2="22.14" y2="84.79" xlinkHref="#a"/></defs><path d="M109.87 42.62h7.92v40.22c0 10.64-4.66 18-15.57 18a28.19 28.19 0 0 1-9.51-1.5v-7.7a22.4 22.4 0 0 0 8.19 1.49c6.69 0 9-4 9-9.77ZM132.23 39.54a4.94 4.94 0 0 1 5.27 5.28 5.28 5.28 0 1 1-10.55 0 4.94 4.94 0 0 1 5.28-5.28Zm-3.88 16.9h7.57v44h-7.57ZM154.75 100.44h-7.39v-44h7.39v7.74c2.55-5.19 6.95-8.89 15.58-8.36v7.39c-9.68-1-15.58 1.94-15.58 11.27ZM205.79 92.52c-2.81 5.8-8.09 8.8-14.87 8.8-11.7 0-17.6-9.95-17.6-22.88 0-12.41 6.16-22.88 18.48-22.88 6.42 0 11.35 2.9 14 8.62v-7.74h7.57v44h-7.57Zm-12.85 1.76c6.78 0 12.85-4.32 12.85-14.08v-3.52c0-9.77-5.54-14.08-12-14.08-8.53 0-12.93 5.63-12.93 15.84.03 10.56 4.25 15.84 12.08 15.84Z"/><path d="M70.14 33.62H35.56a15.61 15.61 0 0 0 15.61 15.61h6.36v6.15A15.6 15.6 0 0 0 73.14 71V36.62a3 3 0 0 0-3-3Z"/><path d="M53 50.85H18.44a15.61 15.61 0 0 0 15.61 15.61h6.37v6.14A15.61 15.61 0 0 0 56 88.21V53.85a3 3 0 0 0-3-3Z"/><path d="M35.91 68.08H1.33a15.6 15.6 0 0 0 15.6 15.61h6.37v6.14a15.61 15.61 0 0 0 15.61 15.61V71.08a3 3 0 0 0-3-3Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_mobx.tsx b/frontend/app/components/ui/Icons/integrations_mobx.tsx
index f7a25133e..453b41341 100644
--- a/frontend/app/components/ui/Icons/integrations_mobx.tsx
+++ b/frontend/app/components/ui/Icons/integrations_mobx.tsx
@@ -9,36 +9,9 @@ interface Props {
 }
 
 function Integrations_mobx(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 256 256"
-      preserveAspectRatio="xMidYMid"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M256 236.394V19.607c0-8.894-5.923-16.4-14.037-18.8l-9.215 5.514-102.265 109.037-3.206 10.021-1.873 9.62 31.89 119.18 4.933 1.82h74.167c10.828 0 19.606-8.777 19.606-19.605"
-        fill="#EA6618"
-      />
-      <path
-        d="M0 19.606v216.787c0 6.705 3.367 12.62 8.5 16.155l6.287-3.01 108.246-115.894 4.244-8.265.159-7.99L97.976 5.306 93.513 0H19.606C8.778 0 0 8.778 0 19.606"
-        fill="#d65813"
-      />
-      <path
-        d="M127.277 125.38 241.963.806a19.595 19.595 0 0 0-5.57-.807H93.515l33.763 125.38z"
-        fill="#e05e11"
-      />
-      <path
-        d="M19.606 256h142.622l-34.951-130.621L8.499 252.549A19.511 19.511 0 0 0 19.606 256"
-        fill="#de5c16"
-      />
-      <path
-        d="M94.918 97.03h14.225c5.668 21.386 12.119 40.152 19.316 57.085 8.152-19.05 14.127-37.83 19.185-57.086h13.442c-6.02 23.926-15.868 48.04-27.132 72.93h-11.89c-10.82-23.586-20.03-47.837-27.146-72.93zm-46.92-37.055h31.63v135.637h-31.77v-10.456H67.33V70.152H47.998V59.975zm160.169 10.177h-19.332v115.004h19.47v10.456h-31.769V59.975h31.63v10.177z"
-        fill="#FFF"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 256 256" preserveAspectRatio="xMidYMid" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M256 236.394V19.607c0-8.894-5.923-16.4-14.037-18.8l-9.215 5.514-102.265 109.037-3.206 10.021-1.873 9.62 31.89 119.18 4.933 1.82h74.167c10.828 0 19.606-8.777 19.606-19.605" fill="#EA6618"/><path d="M0 19.606v216.787c0 6.705 3.367 12.62 8.5 16.155l6.287-3.01 108.246-115.894 4.244-8.265.159-7.99L97.976 5.306 93.513 0H19.606C8.778 0 0 8.778 0 19.606" fill="#d65813"/><path d="M127.277 125.38 241.963.806a19.595 19.595 0 0 0-5.57-.807H93.515l33.763 125.38z" fill="#e05e11"/><path d="M19.606 256h142.622l-34.951-130.621L8.499 252.549A19.511 19.511 0 0 0 19.606 256" fill="#de5c16"/><path d="M94.918 97.03h14.225c5.668 21.386 12.119 40.152 19.316 57.085 8.152-19.05 14.127-37.83 19.185-57.086h13.442c-6.02 23.926-15.868 48.04-27.132 72.93h-11.89c-10.82-23.586-20.03-47.837-27.146-72.93zm-46.92-37.055h31.63v135.637h-31.77v-10.456H67.33V70.152H47.998V59.975zm160.169 10.177h-19.332v115.004h19.47v10.456h-31.769V59.975h31.63v10.177z" fill="#FFF"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_newrelic.tsx b/frontend/app/components/ui/Icons/integrations_newrelic.tsx
index 3f82e4768..af22fdc2c 100644
--- a/frontend/app/components/ui/Icons/integrations_newrelic.tsx
+++ b/frontend/app/components/ui/Icons/integrations_newrelic.tsx
@@ -9,36 +9,9 @@ interface Props {
 }
 
 function Integrations_newrelic(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 71 81"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g>
-        <path
-          d="M57.048 28.04v24.921l-21.73 12.463V81L70.64 60.752V20.25l-13.592 7.79Z"
-          fill="#00AC69"
-        />
-        <path
-          d="m35.322 15.581 21.73 12.458 13.591-7.79L35.321 0 0 20.248l13.587 7.791 21.735-12.458Z"
-          fill="#1CE783"
-        />
-        <path
-          d="M21.735 48.294v24.92L35.322 81V40.503L0 20.25v15.58l21.735 12.464Z"
-          fill="#000"
-          fillOpacity=".87"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h70.874v81H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 71 81" fill="none" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g><path d="M57.048 28.04v24.921l-21.73 12.463V81L70.64 60.752V20.25l-13.592 7.79Z" fill="#00AC69"/><path d="m35.322 15.581 21.73 12.458 13.591-7.79L35.321 0 0 20.248l13.587 7.791 21.735-12.458Z" fill="#1CE783"/><path d="M21.735 48.294v24.92L35.322 81V40.503L0 20.25v15.58l21.735 12.464Z" fill="#000" fillOpacity=".87"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h70.874v81H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_newrelic_text.tsx b/frontend/app/components/ui/Icons/integrations_newrelic_text.tsx
index 2a06d4943..7c7329d2f 100644
--- a/frontend/app/components/ui/Icons/integrations_newrelic_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_newrelic_text.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Integrations_newrelic_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 737.94 132.03"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="m257.96 103.98-20.19-42.32c-4.82-10-9.77-21.36-11.46-26.7l-.39.39c.65 7.55.78 17.06.91 25l.52 43.63h-14.71V13.86h16.93l21.88 44a164.12 164.12 0 0 1 9.25 23.18l.39-.39c-.39-4.56-1.3-17.45-1.3-25.66l-.26-41.15h14.2v90.12ZM300.54 74.94v1c0 9.12 3.39 18.75 16.28 18.75 6.12 0 11.46-2.21 16.41-6.51l5.6 8.73a35.6 35.6 0 0 1-23.7 8.73c-18.62 0-30.34-13.41-30.34-34.51 0-11.59 2.47-19.28 8.21-25.79 5.34-6.12 11.85-8.86 20.19-8.86a25.45 25.45 0 0 1 18.1 6.77c5.73 5.21 8.6 13.28 8.6 28.65v3Zm12.63-27.61c-8.07 0-12.5 6.38-12.5 17.06h24.35c0-10.66-4.68-17.06-11.85-17.06ZM416.1 104.24h-13.46l-8.07-30.34c-2.08-7.81-4.3-18-4.3-18h-.26s-1 6.51-4.3 18.62l-7.94 29.69h-13.42l-18-65.25 14.2-2 7.16 31.91c1.82 8.2 3.39 17.32 3.39 17.32h.39a178.91 178.91 0 0 1 3.78-17.71l8.47-30.47h14.07l7.43 29.72c2.74 10.68 4.17 18.75 4.17 18.75h.39s1.56-10 3.26-17.71l6.77-30.74h14.85ZM518.15 103.98l-7.81-13.94c-6.24-11.06-10.42-17.31-15.37-22.31a7.64 7.64 0 0 0-5.87-2.69v38.94h-14.71V13.86h27.48c20.19 0 29.3 11.72 29.3 25.79 0 12.89-8.33 24.75-22.4 24.75 3.26 1.69 9.25 10.42 13.93 18l13.28 21.62Zm-20.84-78h-8.21V54.5h7.68c7.81 0 12-1 14.72-3.78 2.47-2.47 4-6.25 4-10.94.05-9.12-4.9-13.81-18.19-13.81ZM555.65 74.94v1c0 9.12 3.39 18.75 16.28 18.75 6.12 0 11.46-2.21 16.41-6.51l5.6 8.73a35.6 35.6 0 0 1-23.7 8.73c-18.62 0-30.34-13.41-30.34-34.51 0-11.59 2.47-19.28 8.21-25.79 5.34-6.12 11.85-8.86 20.19-8.86a25.45 25.45 0 0 1 18.1 6.77c5.73 5.21 8.6 13.28 8.6 28.65v3Zm12.64-27.61c-8.07 0-12.5 6.38-12.5 17.06h24.31c0-10.66-4.65-17.06-11.81-17.06ZM621.81 105.42c-14.46 0-14.46-13-14.46-18.62V30.66a106.73 106.73 0 0 0-1.25-19.27l14.72-3.26c1 4 1.17 9.51 1.17 18.1V82.1c0 8.86.39 10.29 1.43 11.85a4 4 0 0 0 4.69 1l2.34 8.86a22.44 22.44 0 0 1-8.64 1.61ZM646.68 28.32a9.34 9.34 0 0 1-9.25-9.51 9.44 9.44 0 1 1 9.25 9.51Zm-7.16 75.67V39.13l14.46-2.61v67.46ZM695 105.68c-18 0-28-12.63-28-33.86 0-24 14.33-35.42 29-35.42 7.16 0 12.37 1.69 18.23 7.16l-7.13 9.5c-3.91-3.52-7.29-5.08-11.07-5.08a11.2 11.2 0 0 0-10.42 6.64c-2 4-2.73 10.16-2.73 18.36 0 9 1.43 14.72 4.43 18a11.58 11.58 0 0 0 8.73 3.78c4.56 0 9-2.21 13.28-6.51l6.77 8.73c-5.99 5.96-12.24 8.7-21.09 8.7ZM728.31 105.43a9.67 9.67 0 1 1 9.62-9.67 9.63 9.63 0 0 1-9.62 9.67Zm0-17.42a7.78 7.78 0 1 0 7.44 7.75 7.55 7.55 0 0 0-7.44-7.76Zm1.9 13.11c-.42-.73-.6-1-1-1.8-1.07-1.95-1.4-2.5-1.79-2.65a.74.74 0 0 0-.34-.08v4.53h-2.13V90.27h4a3 3 0 0 1 3.2 3.17 2.78 2.78 0 0 1-2.42 3 2.49 2.49 0 0 1 .44.47c.62.78 2.6 4.21 2.6 4.21Zm-1.11-8.95a4.35 4.35 0 0 0-1.22-.16h-.78v2.94h.73c.94 0 1.35-.11 1.64-.37a1.53 1.53 0 0 0 .42-1.09 1.28 1.28 0 0 0-.79-1.32Z" />
-      <path
-        d="M168.72 55.82C161.07 20.67 118.92 0 74.56 9.64S.45 55.6 8.09 90.74s49.8 55.83 94.15 46.18 74.12-45.92 66.48-81.1Zm-80.31 49.86a32.4 32.4 0 1 1 32.4-32.4 32.4 32.4 0 0 1-32.4 32.4Z"
-        transform="translate(-6.9 -7.27)"
-      />
-      <path
-        d="M95.57 27.92a46.52 46.52 0 1 0 46.53 46.52 46.52 46.52 0 0 0-46.53-46.52Zm-7.17 73.66a28.3 28.3 0 1 1 28.3-28.3 28.3 28.3 0 0 1-28.29 28.3Z"
-        transform="translate(-6.9 -7.27)"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 737.94 132.03" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="m257.96 103.98-20.19-42.32c-4.82-10-9.77-21.36-11.46-26.7l-.39.39c.65 7.55.78 17.06.91 25l.52 43.63h-14.71V13.86h16.93l21.88 44a164.12 164.12 0 0 1 9.25 23.18l.39-.39c-.39-4.56-1.3-17.45-1.3-25.66l-.26-41.15h14.2v90.12ZM300.54 74.94v1c0 9.12 3.39 18.75 16.28 18.75 6.12 0 11.46-2.21 16.41-6.51l5.6 8.73a35.6 35.6 0 0 1-23.7 8.73c-18.62 0-30.34-13.41-30.34-34.51 0-11.59 2.47-19.28 8.21-25.79 5.34-6.12 11.85-8.86 20.19-8.86a25.45 25.45 0 0 1 18.1 6.77c5.73 5.21 8.6 13.28 8.6 28.65v3Zm12.63-27.61c-8.07 0-12.5 6.38-12.5 17.06h24.35c0-10.66-4.68-17.06-11.85-17.06ZM416.1 104.24h-13.46l-8.07-30.34c-2.08-7.81-4.3-18-4.3-18h-.26s-1 6.51-4.3 18.62l-7.94 29.69h-13.42l-18-65.25 14.2-2 7.16 31.91c1.82 8.2 3.39 17.32 3.39 17.32h.39a178.91 178.91 0 0 1 3.78-17.71l8.47-30.47h14.07l7.43 29.72c2.74 10.68 4.17 18.75 4.17 18.75h.39s1.56-10 3.26-17.71l6.77-30.74h14.85ZM518.15 103.98l-7.81-13.94c-6.24-11.06-10.42-17.31-15.37-22.31a7.64 7.64 0 0 0-5.87-2.69v38.94h-14.71V13.86h27.48c20.19 0 29.3 11.72 29.3 25.79 0 12.89-8.33 24.75-22.4 24.75 3.26 1.69 9.25 10.42 13.93 18l13.28 21.62Zm-20.84-78h-8.21V54.5h7.68c7.81 0 12-1 14.72-3.78 2.47-2.47 4-6.25 4-10.94.05-9.12-4.9-13.81-18.19-13.81ZM555.65 74.94v1c0 9.12 3.39 18.75 16.28 18.75 6.12 0 11.46-2.21 16.41-6.51l5.6 8.73a35.6 35.6 0 0 1-23.7 8.73c-18.62 0-30.34-13.41-30.34-34.51 0-11.59 2.47-19.28 8.21-25.79 5.34-6.12 11.85-8.86 20.19-8.86a25.45 25.45 0 0 1 18.1 6.77c5.73 5.21 8.6 13.28 8.6 28.65v3Zm12.64-27.61c-8.07 0-12.5 6.38-12.5 17.06h24.31c0-10.66-4.65-17.06-11.81-17.06ZM621.81 105.42c-14.46 0-14.46-13-14.46-18.62V30.66a106.73 106.73 0 0 0-1.25-19.27l14.72-3.26c1 4 1.17 9.51 1.17 18.1V82.1c0 8.86.39 10.29 1.43 11.85a4 4 0 0 0 4.69 1l2.34 8.86a22.44 22.44 0 0 1-8.64 1.61ZM646.68 28.32a9.34 9.34 0 0 1-9.25-9.51 9.44 9.44 0 1 1 9.25 9.51Zm-7.16 75.67V39.13l14.46-2.61v67.46ZM695 105.68c-18 0-28-12.63-28-33.86 0-24 14.33-35.42 29-35.42 7.16 0 12.37 1.69 18.23 7.16l-7.13 9.5c-3.91-3.52-7.29-5.08-11.07-5.08a11.2 11.2 0 0 0-10.42 6.64c-2 4-2.73 10.16-2.73 18.36 0 9 1.43 14.72 4.43 18a11.58 11.58 0 0 0 8.73 3.78c4.56 0 9-2.21 13.28-6.51l6.77 8.73c-5.99 5.96-12.24 8.7-21.09 8.7ZM728.31 105.43a9.67 9.67 0 1 1 9.62-9.67 9.63 9.63 0 0 1-9.62 9.67Zm0-17.42a7.78 7.78 0 1 0 7.44 7.75 7.55 7.55 0 0 0-7.44-7.76Zm1.9 13.11c-.42-.73-.6-1-1-1.8-1.07-1.95-1.4-2.5-1.79-2.65a.74.74 0 0 0-.34-.08v4.53h-2.13V90.27h4a3 3 0 0 1 3.2 3.17 2.78 2.78 0 0 1-2.42 3 2.49 2.49 0 0 1 .44.47c.62.78 2.6 4.21 2.6 4.21Zm-1.11-8.95a4.35 4.35 0 0 0-1.22-.16h-.78v2.94h.73c.94 0 1.35-.11 1.64-.37a1.53 1.53 0 0 0 .42-1.09 1.28 1.28 0 0 0-.79-1.32Z"/><path d="M168.72 55.82C161.07 20.67 118.92 0 74.56 9.64S.45 55.6 8.09 90.74s49.8 55.83 94.15 46.18 74.12-45.92 66.48-81.1Zm-80.31 49.86a32.4 32.4 0 1 1 32.4-32.4 32.4 32.4 0 0 1-32.4 32.4Z" transform="translate(-6.9 -7.27)"/><path d="M95.57 27.92a46.52 46.52 0 1 0 46.53 46.52 46.52 46.52 0 0 0-46.53-46.52Zm-7.17 73.66a28.3 28.3 0 1 1 28.3-28.3 28.3 28.3 0 0 1-28.29 28.3Z" transform="translate(-6.9 -7.27)"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_ngrx.tsx b/frontend/app/components/ui/Icons/integrations_ngrx.tsx
index cfdf071dd..56397b2e6 100644
--- a/frontend/app/components/ui/Icons/integrations_ngrx.tsx
+++ b/frontend/app/components/ui/Icons/integrations_ngrx.tsx
@@ -9,30 +9,9 @@ interface Props {
 }
 
 function Integrations_ngrx(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 120 120"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <rect fill="#fff" height="120" rx="6.01" width="120" />
-      <g>
-        <path
-          d="M60.08 20.79 22.71 33.76l5.35 49.58 32.02 17.45z"
-          fill="#412846"
-        />
-        <path
-          d="m59.92 20.79 37.37 12.97-5.35 49.58-32.02 17.45z"
-          fill="#4b314f"
-        />
-        <path
-          d="M78.63 48.16a10.08 10.08 0 0 1 2.63 6.77 15 15 0 0 1-2.65 8.25c1.36-1.06 2.93-3.34 4.71-6.82q1.16 10.59-8.58 16.08c2.07-.19 4.83-1.55 8.24-4.1q-5.46 13.17-20.1 13.89a24.42 24.42 0 0 1-15.53-5.67 22.92 22.92 0 0 1-8-11.39C37 62.62 37 62.35 36.76 61.34s.15-1.3.83-2.29a3.7 3.7 0 0 0 .33-2.83 7.12 7.12 0 0 1-1-3.76 3.68 3.68 0 0 1 1.65-2.61 8.47 8.47 0 0 0 2-2.11 10.37 10.37 0 0 0 .21-3.43c0-2 1.1-3.08 3.32-3.26 3.33-.26 5.22-2.77 6.26-3.91a4 4 0 0 1 3-1.13 6.34 6.34 0 0 1 4.94 2.07 20.12 20.12 0 0 1 11 2.87q7.97 4.71 8.7 10.18-.85 7.2-19.29-.37-9.65 2.73-9.49 11.84 0 8.35 8.07 12.14c-2.62-2.58-3.74-4.74-3.36-6.53q8.18 9.69 18.62 7.24a8.78 8.78 0 0 1-7.32-3c4.7-.12 9.14-2.3 13.32-6.58a9.29 9.29 0 0 1-7.61 2.19q10.86-8.51 7.69-19.9zm-13.15-.87a1.07 1.07 0 1 0-1.06-1.07 1.06 1.06 0 0 0 1.06 1.07z"
-          fill="#ba2bd2"
-        />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 120 120" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><rect fill="#fff" height="120" rx="6.01" width="120"/><g><path d="M60.08 20.79 22.71 33.76l5.35 49.58 32.02 17.45z" fill="#412846"/><path d="m59.92 20.79 37.37 12.97-5.35 49.58-32.02 17.45z" fill="#4b314f"/><path d="M78.63 48.16a10.08 10.08 0 0 1 2.63 6.77 15 15 0 0 1-2.65 8.25c1.36-1.06 2.93-3.34 4.71-6.82q1.16 10.59-8.58 16.08c2.07-.19 4.83-1.55 8.24-4.1q-5.46 13.17-20.1 13.89a24.42 24.42 0 0 1-15.53-5.67 22.92 22.92 0 0 1-8-11.39C37 62.62 37 62.35 36.76 61.34s.15-1.3.83-2.29a3.7 3.7 0 0 0 .33-2.83 7.12 7.12 0 0 1-1-3.76 3.68 3.68 0 0 1 1.65-2.61 8.47 8.47 0 0 0 2-2.11 10.37 10.37 0 0 0 .21-3.43c0-2 1.1-3.08 3.32-3.26 3.33-.26 5.22-2.77 6.26-3.91a4 4 0 0 1 3-1.13 6.34 6.34 0 0 1 4.94 2.07 20.12 20.12 0 0 1 11 2.87q7.97 4.71 8.7 10.18-.85 7.2-19.29-.37-9.65 2.73-9.49 11.84 0 8.35 8.07 12.14c-2.62-2.58-3.74-4.74-3.36-6.53q8.18 9.69 18.62 7.24a8.78 8.78 0 0 1-7.32-3c4.7-.12 9.14-2.3 13.32-6.58a9.29 9.29 0 0 1-7.61 2.19q10.86-8.51 7.69-19.9zm-13.15-.87a1.07 1.07 0 1 0-1.06-1.07 1.06 1.06 0 0 0 1.06 1.07z" fill="#ba2bd2"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_openreplay.tsx b/frontend/app/components/ui/Icons/integrations_openreplay.tsx
index c2f0af47a..41537dcbb 100644
--- a/frontend/app/components/ui/Icons/integrations_openreplay.tsx
+++ b/frontend/app/components/ui/Icons/integrations_openreplay.tsx
@@ -9,25 +9,9 @@ interface Props {
 }
 
 function Integrations_openreplay(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 52 59"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g fill="none">
-        <path
-          d="M44.229 29.5 6.5 7.42v44.16L44.23 29.5Zm5.148-4.564A5.268 5.268 0 0 1 52 29.5c0 1.886-1 3.627-2.623 4.564L8.015 58.275C4.635 60.255 0 57.993 0 53.711V5.29C0 1.007 4.635-1.256 8.015.725l41.362 24.21Z"
-          fill="#394EFF"
-        />
-        <path
-          d="m29.416 28.457-14.623-8.312A1.2 1.2 0 0 0 13 21.19v16.623a1.2 1.2 0 0 0 1.793 1.043l14.623-8.312a1.2 1.2 0 0 0 0-2.086Z"
-          fill="#27A2A8"
-        />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 52 59" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g fill="none"><path d="M44.229 29.5 6.5 7.42v44.16L44.23 29.5Zm5.148-4.564A5.268 5.268 0 0 1 52 29.5c0 1.886-1 3.627-2.623 4.564L8.015 58.275C4.635 60.255 0 57.993 0 53.711V5.29C0 1.007 4.635-1.256 8.015.725l41.362 24.21Z" fill="#394EFF"/><path d="m29.416 28.457-14.623-8.312A1.2 1.2 0 0 0 13 21.19v16.623a1.2 1.2 0 0 0 1.793 1.043l14.623-8.312a1.2 1.2 0 0 0 0-2.086Z" fill="#27A2A8"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_openreplay_text.tsx b/frontend/app/components/ui/Icons/integrations_openreplay_text.tsx
index 64594f415..01e3b9711 100644
--- a/frontend/app/components/ui/Icons/integrations_openreplay_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_openreplay_text.tsx
@@ -9,29 +9,9 @@ interface Props {
 }
 
 function Integrations_openreplay_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 179 30"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g fill="none">
-        <path
-          d="M22.426 15 3.296 3.773v22.454L22.426 15Zm2.61-2.32a2.68 2.68 0 0 1 1.33 2.32 2.68 2.68 0 0 1-1.33 2.32L4.065 29.633C2.35 30.639 0 29.488 0 27.31V2.689C0 .512 2.35-.639 4.064.37l20.973 12.31Z"
-          fill="#394EFF"
-        />
-        <path
-          d="M13.752 14.381a.713.713 0 0 1 0 1.238l-5.656 3.283C7.634 19.17 7 18.864 7 18.282v-6.565c0-.58.634-.887 1.096-.619l5.656 3.283Z"
-          fill="#3EAAAF"
-        />
-        <path
-          d="M60.027 8.769c1.076 0 2.064.241 2.965.725.9.484 1.62 1.26 2.157 2.325.538 1.067.807 2.478.807 4.234 0 1.72-.293 3.165-.88 4.334a5.865 5.865 0 0 1-2.615 2.648c-1.157.596-2.586.894-4.289.894-.332 0-.665-.014-1.002-.04a21.19 21.19 0 0 1-.934-.094v5.779H52.7V8.997h2.985l.215 1.586h.175l.167-.2a4.8 4.8 0 0 1 1.48-1.117c.667-.332 1.436-.497 2.305-.497Zm77.203-.003c1.076 0 2.064.242 2.965.726.9.483 1.62 1.258 2.157 2.325.538 1.066.807 2.477.807 4.233 0 1.72-.294 3.165-.88 4.335a5.865 5.865 0 0 1-2.615 2.647c-1.157.596-2.586.894-4.29.894-.33 0-.665-.013-1-.04a21.19 21.19 0 0 1-.935-.094v5.779h-3.536V8.994h2.985l.215 1.586h.175l.167-.2a4.8 4.8 0 0 1 1.48-1.117c.667-.331 1.436-.497 2.305-.497Zm29.642.228 3.873 11.604 3.965-11.604h3.495l-7.434 20.577h-3.482l2.15-5.914h-.98l-5.284-14.663h3.697ZM73.829 8.77c1.317 0 2.431.284 3.34.853.91.569 1.598 1.422 2.064 2.56.466 1.138.7 2.554.7 4.247v.955h-9.065l.002.04c.042.822.188 1.496.438 2.023.3.631.787 1.084 1.459 1.357.672.273 1.573.41 2.702.41.565 0 1.156-.045 1.775-.134.618-.09 1.254-.215 1.909-.377v2.702l-.447.106a16.661 16.661 0 0 1-3.72.418c-1.73 0-3.162-.262-4.296-.786a5.176 5.176 0 0 1-2.534-2.467c-.556-1.12-.834-2.571-.834-4.354 0-1.658.258-3.047.773-4.167.516-1.12 1.257-1.964 2.225-2.533.968-.569 2.138-.853 3.509-.853Zm48.255-.003c1.318 0 2.431.284 3.34.853.91.57 1.598 1.423 2.065 2.56.466 1.138.699 2.554.699 4.248v.954h-9.064l.002.04c.041.822.187 1.496.437 2.023.3.632.787 1.084 1.459 1.357.672.274 1.573.41 2.702.41.565 0 1.156-.045 1.775-.134.618-.09 1.255-.215 1.909-.376v2.701l-.447.106a16.661 16.661 0 0 1-3.72.418c-1.73 0-3.162-.262-4.296-.786a5.176 5.176 0 0 1-2.534-2.466c-.556-1.12-.834-2.572-.834-4.355 0-1.658.258-3.046.773-4.166.516-1.12 1.257-1.965 2.225-2.534.968-.569 2.138-.853 3.51-.853ZM41.641 3.513c1.81 0 3.388.363 4.732 1.09 1.345.725 2.389 1.843 3.133 3.352.744 1.51 1.116 3.43 1.116 5.76 0 2.33-.372 4.249-1.116 5.759-.744 1.51-1.79 2.627-3.14 3.353-1.348.726-2.923 1.088-4.725 1.088-1.801 0-3.374-.362-4.719-1.088-1.344-.726-2.39-1.841-3.139-3.347-.748-1.505-1.122-3.427-1.122-5.766 0-2.338.374-4.26 1.122-5.765.749-1.506 1.795-2.621 3.14-3.347 1.344-.726 2.917-1.089 4.718-1.089Zm114.414 5.253c1.443 0 2.633.181 3.57.544.936.363 1.633.972 2.09 1.828.457.856.685 2.018.685 3.488v9.031h-2.917l-.255-1.518h-.175l-.154.194a4.046 4.046 0 0 1-1.574 1.143 5.9 5.9 0 0 1-2.279.437c-1.46 0-2.6-.379-3.421-1.136-.82-.757-1.23-1.763-1.23-3.017 0-1.344.46-2.395 1.378-3.152l.032-.026c.92-.742 2.391-1.188 4.411-1.338l2.73-.26v-.573l-.005-.242c-.024-.63-.141-1.134-.352-1.512-.238-.426-.614-.726-1.13-.9-.515-.176-1.185-.263-2.01-.263-.555 0-1.187.05-1.895.148-.708.098-1.398.25-2.07.457V9.397l.422-.117c.573-.15 1.187-.267 1.843-.353a17.79 17.79 0 0 1 2.306-.161Zm-66.65.003c.95 0 1.795.183 2.534.55.74.368 1.32.957 1.741 1.768.422.81.632 1.893.632 3.246v9.327h-3.535v-9.126l-.004-.228c-.03-.89-.245-1.518-.642-1.882-.43-.394-1.021-.591-1.774-.591-.359 0-.73.05-1.116.148a4.172 4.172 0 0 0-1.116.47 3.371 3.371 0 0 0-.941.847V23.66h-3.536V8.997h2.93l.243 1.546h.175l.216-.21a5.794 5.794 0 0 1 1.76-1.107 6.425 6.425 0 0 1 2.433-.457Zm16.525-5.231c2.778 0 4.86.504 6.244 1.512 1.385 1.008 2.077 2.578 2.077 4.71 0 1.38-.329 2.536-.988 3.468-.658.932-1.608 1.633-2.85 2.103l-.065.025a8.939 8.939 0 0 1-.404.138h-.001l5.922 8.163h-3.98l-5.456-7.627-.056.001a24.77 24.77 0 0 1-1.68-.021l-1.116-.054v7.701h-3.536V4.17l.43-.085c.437-.084.895-.163 1.372-.237a26.486 26.486 0 0 1 4.087-.31Zm42.642-1.6v21.72h-3.536V1.937h3.536Zm10.373 15.12-2.393.215-.25.028c-.812.104-1.405.318-1.78.644-.412.359-.618.852-.618 1.479 0 .636.188 1.124.564 1.465.377.34.932.51 1.667.51.484 0 .973-.094 1.466-.282l.049-.02c.474-.189.905-.496 1.295-.92v-3.12Zm-99.9-5.373c-.519 0-1.03.1-1.532.302a3.037 3.037 0 0 0-1.277.975v8.037l.21.04c.216.037.456.07.718.101.35.04.69.06 1.021.06 1.399 0 2.45-.376 3.153-1.128.704-.753 1.055-1.998 1.055-3.737 0-1.21-.143-2.15-.43-2.822-.287-.672-.681-1.145-1.183-1.418-.502-.273-1.08-.41-1.734-.41Zm77.204-.003c-.52 0-1.03.101-1.533.303a3.037 3.037 0 0 0-1.277.974v8.037l.21.04c.216.037.455.071.718.101.35.04.69.06 1.021.06 1.399 0 2.45-.376 3.153-1.128.704-.753 1.055-1.998 1.055-3.736 0-1.21-.143-2.15-.43-2.823-.287-.672-.681-1.145-1.183-1.418-.502-.273-1.08-.41-1.734-.41ZM41.64 6.457c-1.075 0-2.01.235-2.803.705-.793.47-1.405 1.232-1.835 2.285-.43 1.053-.645 2.449-.645 4.187 0 1.792.215 3.225.645 4.3.43 1.076 1.04 1.85 1.828 2.326.79.475 1.726.712 2.81.712 1.094 0 2.035-.237 2.823-.712.79-.475 1.396-1.239 1.822-2.292.426-1.053.639-2.444.639-4.173 0-1.783-.215-3.212-.646-4.287-.43-1.075-1.04-1.853-1.828-2.332-.789-.48-1.725-.72-2.81-.72ZM73.79 11.08c-.619 0-1.148.14-1.587.417-.439.278-.773.744-1.001 1.398l-.015.042c-.195.579-.303 1.332-.324 2.259l-.002.064h5.763l-.001-.051c-.02-.95-.127-1.716-.32-2.3-.214-.655-.533-1.123-.954-1.405-.421-.283-.94-.424-1.56-.424Zm48.255-.003c-.619 0-1.147.14-1.587.417-.439.278-.773.744-1.001 1.398l-.015.042c-.195.579-.303 1.332-.324 2.259l-.001.064h5.762l-.001-.05c-.02-.95-.127-1.717-.32-2.302-.214-.654-.532-1.122-.954-1.404-.421-.282-.94-.424-1.56-.424Zm-15.765-4.851c-.538 0-1.02.022-1.445.067-.426.045-.845.103-1.257.175V13.2l.28.025a20.1 20.1 0 0 0 2.113.096c1.685 0 2.922-.285 3.71-.854.79-.568 1.184-1.471 1.184-2.708 0-.824-.164-1.496-.491-2.016-.327-.52-.83-.902-1.506-1.149-.676-.246-1.54-.37-2.588-.37Z"
-          fill="#000"
-        />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 179 30" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g fill="none"><path d="M22.426 15 3.296 3.773v22.454L22.426 15Zm2.61-2.32a2.68 2.68 0 0 1 1.33 2.32 2.68 2.68 0 0 1-1.33 2.32L4.065 29.633C2.35 30.639 0 29.488 0 27.31V2.689C0 .512 2.35-.639 4.064.37l20.973 12.31Z" fill="#394EFF"/><path d="M13.752 14.381a.713.713 0 0 1 0 1.238l-5.656 3.283C7.634 19.17 7 18.864 7 18.282v-6.565c0-.58.634-.887 1.096-.619l5.656 3.283Z" fill="#3EAAAF"/><path d="M60.027 8.769c1.076 0 2.064.241 2.965.725.9.484 1.62 1.26 2.157 2.325.538 1.067.807 2.478.807 4.234 0 1.72-.293 3.165-.88 4.334a5.865 5.865 0 0 1-2.615 2.648c-1.157.596-2.586.894-4.289.894-.332 0-.665-.014-1.002-.04a21.19 21.19 0 0 1-.934-.094v5.779H52.7V8.997h2.985l.215 1.586h.175l.167-.2a4.8 4.8 0 0 1 1.48-1.117c.667-.332 1.436-.497 2.305-.497Zm77.203-.003c1.076 0 2.064.242 2.965.726.9.483 1.62 1.258 2.157 2.325.538 1.066.807 2.477.807 4.233 0 1.72-.294 3.165-.88 4.335a5.865 5.865 0 0 1-2.615 2.647c-1.157.596-2.586.894-4.29.894-.33 0-.665-.013-1-.04a21.19 21.19 0 0 1-.935-.094v5.779h-3.536V8.994h2.985l.215 1.586h.175l.167-.2a4.8 4.8 0 0 1 1.48-1.117c.667-.331 1.436-.497 2.305-.497Zm29.642.228 3.873 11.604 3.965-11.604h3.495l-7.434 20.577h-3.482l2.15-5.914h-.98l-5.284-14.663h3.697ZM73.829 8.77c1.317 0 2.431.284 3.34.853.91.569 1.598 1.422 2.064 2.56.466 1.138.7 2.554.7 4.247v.955h-9.065l.002.04c.042.822.188 1.496.438 2.023.3.631.787 1.084 1.459 1.357.672.273 1.573.41 2.702.41.565 0 1.156-.045 1.775-.134.618-.09 1.254-.215 1.909-.377v2.702l-.447.106a16.661 16.661 0 0 1-3.72.418c-1.73 0-3.162-.262-4.296-.786a5.176 5.176 0 0 1-2.534-2.467c-.556-1.12-.834-2.571-.834-4.354 0-1.658.258-3.047.773-4.167.516-1.12 1.257-1.964 2.225-2.533.968-.569 2.138-.853 3.509-.853Zm48.255-.003c1.318 0 2.431.284 3.34.853.91.57 1.598 1.423 2.065 2.56.466 1.138.699 2.554.699 4.248v.954h-9.064l.002.04c.041.822.187 1.496.437 2.023.3.632.787 1.084 1.459 1.357.672.274 1.573.41 2.702.41.565 0 1.156-.045 1.775-.134.618-.09 1.255-.215 1.909-.376v2.701l-.447.106a16.661 16.661 0 0 1-3.72.418c-1.73 0-3.162-.262-4.296-.786a5.176 5.176 0 0 1-2.534-2.466c-.556-1.12-.834-2.572-.834-4.355 0-1.658.258-3.046.773-4.166.516-1.12 1.257-1.965 2.225-2.534.968-.569 2.138-.853 3.51-.853ZM41.641 3.513c1.81 0 3.388.363 4.732 1.09 1.345.725 2.389 1.843 3.133 3.352.744 1.51 1.116 3.43 1.116 5.76 0 2.33-.372 4.249-1.116 5.759-.744 1.51-1.79 2.627-3.14 3.353-1.348.726-2.923 1.088-4.725 1.088-1.801 0-3.374-.362-4.719-1.088-1.344-.726-2.39-1.841-3.139-3.347-.748-1.505-1.122-3.427-1.122-5.766 0-2.338.374-4.26 1.122-5.765.749-1.506 1.795-2.621 3.14-3.347 1.344-.726 2.917-1.089 4.718-1.089Zm114.414 5.253c1.443 0 2.633.181 3.57.544.936.363 1.633.972 2.09 1.828.457.856.685 2.018.685 3.488v9.031h-2.917l-.255-1.518h-.175l-.154.194a4.046 4.046 0 0 1-1.574 1.143 5.9 5.9 0 0 1-2.279.437c-1.46 0-2.6-.379-3.421-1.136-.82-.757-1.23-1.763-1.23-3.017 0-1.344.46-2.395 1.378-3.152l.032-.026c.92-.742 2.391-1.188 4.411-1.338l2.73-.26v-.573l-.005-.242c-.024-.63-.141-1.134-.352-1.512-.238-.426-.614-.726-1.13-.9-.515-.176-1.185-.263-2.01-.263-.555 0-1.187.05-1.895.148-.708.098-1.398.25-2.07.457V9.397l.422-.117c.573-.15 1.187-.267 1.843-.353a17.79 17.79 0 0 1 2.306-.161Zm-66.65.003c.95 0 1.795.183 2.534.55.74.368 1.32.957 1.741 1.768.422.81.632 1.893.632 3.246v9.327h-3.535v-9.126l-.004-.228c-.03-.89-.245-1.518-.642-1.882-.43-.394-1.021-.591-1.774-.591-.359 0-.73.05-1.116.148a4.172 4.172 0 0 0-1.116.47 3.371 3.371 0 0 0-.941.847V23.66h-3.536V8.997h2.93l.243 1.546h.175l.216-.21a5.794 5.794 0 0 1 1.76-1.107 6.425 6.425 0 0 1 2.433-.457Zm16.525-5.231c2.778 0 4.86.504 6.244 1.512 1.385 1.008 2.077 2.578 2.077 4.71 0 1.38-.329 2.536-.988 3.468-.658.932-1.608 1.633-2.85 2.103l-.065.025a8.939 8.939 0 0 1-.404.138h-.001l5.922 8.163h-3.98l-5.456-7.627-.056.001a24.77 24.77 0 0 1-1.68-.021l-1.116-.054v7.701h-3.536V4.17l.43-.085c.437-.084.895-.163 1.372-.237a26.486 26.486 0 0 1 4.087-.31Zm42.642-1.6v21.72h-3.536V1.937h3.536Zm10.373 15.12-2.393.215-.25.028c-.812.104-1.405.318-1.78.644-.412.359-.618.852-.618 1.479 0 .636.188 1.124.564 1.465.377.34.932.51 1.667.51.484 0 .973-.094 1.466-.282l.049-.02c.474-.189.905-.496 1.295-.92v-3.12Zm-99.9-5.373c-.519 0-1.03.1-1.532.302a3.037 3.037 0 0 0-1.277.975v8.037l.21.04c.216.037.456.07.718.101.35.04.69.06 1.021.06 1.399 0 2.45-.376 3.153-1.128.704-.753 1.055-1.998 1.055-3.737 0-1.21-.143-2.15-.43-2.822-.287-.672-.681-1.145-1.183-1.418-.502-.273-1.08-.41-1.734-.41Zm77.204-.003c-.52 0-1.03.101-1.533.303a3.037 3.037 0 0 0-1.277.974v8.037l.21.04c.216.037.455.071.718.101.35.04.69.06 1.021.06 1.399 0 2.45-.376 3.153-1.128.704-.753 1.055-1.998 1.055-3.736 0-1.21-.143-2.15-.43-2.823-.287-.672-.681-1.145-1.183-1.418-.502-.273-1.08-.41-1.734-.41ZM41.64 6.457c-1.075 0-2.01.235-2.803.705-.793.47-1.405 1.232-1.835 2.285-.43 1.053-.645 2.449-.645 4.187 0 1.792.215 3.225.645 4.3.43 1.076 1.04 1.85 1.828 2.326.79.475 1.726.712 2.81.712 1.094 0 2.035-.237 2.823-.712.79-.475 1.396-1.239 1.822-2.292.426-1.053.639-2.444.639-4.173 0-1.783-.215-3.212-.646-4.287-.43-1.075-1.04-1.853-1.828-2.332-.789-.48-1.725-.72-2.81-.72ZM73.79 11.08c-.619 0-1.148.14-1.587.417-.439.278-.773.744-1.001 1.398l-.015.042c-.195.579-.303 1.332-.324 2.259l-.002.064h5.763l-.001-.051c-.02-.95-.127-1.716-.32-2.3-.214-.655-.533-1.123-.954-1.405-.421-.283-.94-.424-1.56-.424Zm48.255-.003c-.619 0-1.147.14-1.587.417-.439.278-.773.744-1.001 1.398l-.015.042c-.195.579-.303 1.332-.324 2.259l-.001.064h5.762l-.001-.05c-.02-.95-.127-1.717-.32-2.302-.214-.654-.532-1.122-.954-1.404-.421-.282-.94-.424-1.56-.424Zm-15.765-4.851c-.538 0-1.02.022-1.445.067-.426.045-.845.103-1.257.175V13.2l.28.025a20.1 20.1 0 0 0 2.113.096c1.685 0 2.922-.285 3.71-.854.79-.568 1.184-1.471 1.184-2.708 0-.824-.164-1.496-.491-2.016-.327-.52-.83-.902-1.506-1.149-.676-.246-1.54-.37-2.588-.37Z" fill="#000"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_redux.tsx b/frontend/app/components/ui/Icons/integrations_redux.tsx
index c9f42ca4c..cd140a5a3 100644
--- a/frontend/app/components/ui/Icons/integrations_redux.tsx
+++ b/frontend/app/components/ui/Icons/integrations_redux.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Integrations_redux(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 120 120"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <rect fill="#fff" height="120" rx="6.01" width="120" />
-      <g fill="#764abc">
-        <path d="M76.26 75.87a6 6 0 0 0-.65-12h-.21a6 6 0 0 0-5.79 6.22 6.16 6.16 0 0 0 1.71 4c-3.64 7.18-9.22 12.44-17.58 16.83a29 29 0 0 1-17.48 3.33c-4.83-.64-8.58-2.79-10.94-6.33a15.74 15.74 0 0 1-.86-16.62 25.18 25.18 0 0 1 7.29-8.58c-.43-1.39-1.07-3.75-1.39-5.47-15.55 11.22-13.94 26.45-9.23 33.63 3.54 5.37 10.73 8.69 18.66 8.69a26.22 26.22 0 0 0 6.44-.75 41.15 41.15 0 0 0 30.03-22.95z" />
-        <path d="M95.13 62.57C87 53 75 47.77 61.24 47.77h-1.71a5.9 5.9 0 0 0-5.26-3.21h-.21a6 6 0 0 0 .21 12h.22a6 6 0 0 0 5.25-3.65h1.93a40.88 40.88 0 0 1 22.84 7 28.71 28.71 0 0 1 11.37 13.71 14.87 14.87 0 0 1-.21 12.65A15.76 15.76 0 0 1 81 95.07a27.55 27.55 0 0 1-10.51-2.25c-1.18 1.07-3.32 2.78-4.82 3.86a33.16 33.16 0 0 0 13.8 3.32c10.3 0 17.91-5.68 20.81-11.37 3.11-6.22 2.89-16.94-5.15-26.06z" />
-        <path d="M40.65 77.69a6 6 0 0 0 6 5.8h.21a6 6 0 0 0-.21-12h-.22a1.8 1.8 0 0 0-.75.11 39.29 39.29 0 0 1-5.57-23.81 28.73 28.73 0 0 1 6.32-16.62c3.11-4 9.12-5.9 13.19-6 11.38-.24 16.21 13.92 16.53 19.6 1.39.32 3.75 1.07 5.36 1.61C80.22 29 69.5 20 59.2 20c-9.65 0-18.55 7-22.09 17.27C32.18 51 35.4 64.18 41.4 74.58a4.85 4.85 0 0 0-.75 3.11z" />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 120 120" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><rect fill="#fff" height="120" rx="6.01" width="120"/><g fill="#764abc"><path d="M76.26 75.87a6 6 0 0 0-.65-12h-.21a6 6 0 0 0-5.79 6.22 6.16 6.16 0 0 0 1.71 4c-3.64 7.18-9.22 12.44-17.58 16.83a29 29 0 0 1-17.48 3.33c-4.83-.64-8.58-2.79-10.94-6.33a15.74 15.74 0 0 1-.86-16.62 25.18 25.18 0 0 1 7.29-8.58c-.43-1.39-1.07-3.75-1.39-5.47-15.55 11.22-13.94 26.45-9.23 33.63 3.54 5.37 10.73 8.69 18.66 8.69a26.22 26.22 0 0 0 6.44-.75 41.15 41.15 0 0 0 30.03-22.95z"/><path d="M95.13 62.57C87 53 75 47.77 61.24 47.77h-1.71a5.9 5.9 0 0 0-5.26-3.21h-.21a6 6 0 0 0 .21 12h.22a6 6 0 0 0 5.25-3.65h1.93a40.88 40.88 0 0 1 22.84 7 28.71 28.71 0 0 1 11.37 13.71 14.87 14.87 0 0 1-.21 12.65A15.76 15.76 0 0 1 81 95.07a27.55 27.55 0 0 1-10.51-2.25c-1.18 1.07-3.32 2.78-4.82 3.86a33.16 33.16 0 0 0 13.8 3.32c10.3 0 17.91-5.68 20.81-11.37 3.11-6.22 2.89-16.94-5.15-26.06z"/><path d="M40.65 77.69a6 6 0 0 0 6 5.8h.21a6 6 0 0 0-.21-12h-.22a1.8 1.8 0 0 0-.75.11 39.29 39.29 0 0 1-5.57-23.81 28.73 28.73 0 0 1 6.32-16.62c3.11-4 9.12-5.9 13.19-6 11.38-.24 16.21 13.92 16.53 19.6 1.39.32 3.75 1.07 5.36 1.61C80.22 29 69.5 20 59.2 20c-9.65 0-18.55 7-22.09 17.27C32.18 51 35.4 64.18 41.4 74.58a4.85 4.85 0 0 0-.75 3.11z"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_rollbar.tsx b/frontend/app/components/ui/Icons/integrations_rollbar.tsx
index 9181df100..b17a9ab8e 100644
--- a/frontend/app/components/ui/Icons/integrations_rollbar.tsx
+++ b/frontend/app/components/ui/Icons/integrations_rollbar.tsx
@@ -9,28 +9,9 @@ interface Props {
 }
 
 function Integrations_rollbar(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 88 71"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g>
-        <path
-          clipRule="evenodd"
-          d="M84.94 2.095a2.231 2.231 0 0 0-.041-.404c0-.04-.02-.077-.033-.118-.012-.04-.052-.182-.085-.27l-.06-.13a1.767 1.767 0 0 0-.13-.222c-.028-.045-.056-.09-.088-.134L84.446.74c-.032-.036-.069-.064-.101-.097l-.081-.097-.065-.044a2.032 2.032 0 0 0-.186-.142l-.157-.1a2.042 2.042 0 0 0-.215-.098l-.17-.068c-.076-.025-.157-.037-.234-.053l-.174-.036a2.258 2.258 0 0 0-.287 0h-.162c-1.083.097-15.4 1.463-31.492 8.64-9.663 4.298-17.143 10.896-21.85 18.906l-1.212.526C10.83 35.767.537 50.714.537 68.064v.29a2.099 2.099 0 0 0 2.099 2.095h57.19c.112 0 .223-.009.332-.028l.146-.036c.069-.02.138-.033.206-.057.069-.024.101-.049.154-.073.052-.024.121-.048.178-.08.107-.064.208-.135.303-.215L84.191 50.53a2.085 2.085 0 0 0 .744-1.618V2.095h.004ZM64.1 61.979l-2.211 1.864V22.5L80.747 6.607V47.95L64.1 61.979ZM26.45 51.018h31.246v15.239H8.369l18.081-15.24Zm26.374-38.54a108.046 108.046 0 0 1 22.97-7.185L58.938 19.505c-7.781.95-15.434 2.751-22.82 5.373 4.172-5.094 9.8-9.32 16.706-12.4ZM32.111 30.907a108.216 108.216 0 0 1 25.585-7.015v22.933H27.825a37.058 37.058 0 0 1 4.286-15.918Zm-5.754 2.677a41.523 41.523 0 0 0-2.773 14.357l-18.6 15.695c1.408-12.752 8.98-23.418 21.373-30.053Z"
-          fill="#3569F3"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(.537)" d="M0 0h86.778v71H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 88 71" fill="none" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g><path clipRule="evenodd" d="M84.94 2.095a2.231 2.231 0 0 0-.041-.404c0-.04-.02-.077-.033-.118-.012-.04-.052-.182-.085-.27l-.06-.13a1.767 1.767 0 0 0-.13-.222c-.028-.045-.056-.09-.088-.134L84.446.74c-.032-.036-.069-.064-.101-.097l-.081-.097-.065-.044a2.032 2.032 0 0 0-.186-.142l-.157-.1a2.042 2.042 0 0 0-.215-.098l-.17-.068c-.076-.025-.157-.037-.234-.053l-.174-.036a2.258 2.258 0 0 0-.287 0h-.162c-1.083.097-15.4 1.463-31.492 8.64-9.663 4.298-17.143 10.896-21.85 18.906l-1.212.526C10.83 35.767.537 50.714.537 68.064v.29a2.099 2.099 0 0 0 2.099 2.095h57.19c.112 0 .223-.009.332-.028l.146-.036c.069-.02.138-.033.206-.057.069-.024.101-.049.154-.073.052-.024.121-.048.178-.08.107-.064.208-.135.303-.215L84.191 50.53a2.085 2.085 0 0 0 .744-1.618V2.095h.004ZM64.1 61.979l-2.211 1.864V22.5L80.747 6.607V47.95L64.1 61.979ZM26.45 51.018h31.246v15.239H8.369l18.081-15.24Zm26.374-38.54a108.046 108.046 0 0 1 22.97-7.185L58.938 19.505c-7.781.95-15.434 2.751-22.82 5.373 4.172-5.094 9.8-9.32 16.706-12.4ZM32.111 30.907a108.216 108.216 0 0 1 25.585-7.015v22.933H27.825a37.058 37.058 0 0 1 4.286-15.918Zm-5.754 2.677a41.523 41.523 0 0 0-2.773 14.357l-18.6 15.695c1.408-12.752 8.98-23.418 21.373-30.053Z" fill="#3569F3"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(.537)" d="M0 0h86.778v71H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_rollbar_text.tsx b/frontend/app/components/ui/Icons/integrations_rollbar_text.tsx
index 1a9275a30..89b26d3e3 100644
--- a/frontend/app/components/ui/Icons/integrations_rollbar_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_rollbar_text.tsx
@@ -9,31 +9,9 @@ interface Props {
 }
 
 function Integrations_rollbar_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 665.93 117.72"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M249.69 9.76Q260 18.17 260 33.86a28.78 28.78 0 0 1-5.66 17.95A28.41 28.41 0 0 1 239 62v.32a21.17 21.17 0 0 1 9.7 6.87q3.56 4.61 7.6 15.44l11.48 31.86h-25.86l-9.22-27.33q-3.24-9.38-7.52-13t-12.69-3.64H199.4v44h-23.78V1.36H218q21.34 0 31.69 8.4ZM199.4 53.59h16.82q19.89 0 19.89-17 0-16-21.18-16H199.4ZM333.21 37.09a36.54 36.54 0 0 1 14.63 15.2Q353 62.16 353 75.42t-5.17 23.12a36.53 36.53 0 0 1-14.63 15.2q-9.46 5.34-22.23 5.34t-22.24-5.34a36.52 36.52 0 0 1-14.63-15.2q-5.18-9.86-5.17-23.12t5.17-23.12a36.53 36.53 0 0 1 14.63-15.2q9.46-5.34 22.24-5.34t22.24 5.33Zm-35.58 19.25q-4.93 7.12-4.93 19.08t4.93 19.08a16.06 16.06 0 0 0 26.68 0q4.93-7.11 4.93-19.08t-4.93-19.08a16.06 16.06 0 0 0-26.68 0ZM364.34 116.49V1.36H387v115.13ZM402.66 116.49V1.36h22.64v115.13ZM463.78 44.21a25.4 25.4 0 0 1 9.95-8.81 29.11 29.11 0 0 1 13.34-3.15 30.54 30.54 0 0 1 17.87 5.34 33.88 33.88 0 0 1 11.8 15.12 58.14 58.14 0 0 1 4.12 22.72 57.16 57.16 0 0 1-4.2 22.72 34.16 34.16 0 0 1-12 15.12 30.91 30.91 0 0 1-18 5.34 28.21 28.21 0 0 1-13.58-3.4 25.82 25.82 0 0 1-10-9.54h-.32v10.83h-22V1.36h22.64v42.85ZM467 56.42q-4.69 6.88-4.69 19t4.69 19q4.69 6.87 12.45 6.87 8.08 0 12.94-7t4.85-18.84q0-11.8-4.85-18.84t-12.94-7q-7.74-.07-12.45 6.81ZM593.8 39.92q8.89 8.17 8.89 24.34V94q0 13.91 2.26 22.48h-20.37a47.18 47.18 0 0 1-1.13-11h-.32q-9.06 12.94-26.68 12.94-12.78 0-20.38-7a23.28 23.28 0 0 1-7.6-17.87q0-10.51 7.36-17t24.5-9.22q10.35-1.61 20.54-2.26v-2.91q0-7.44-3.56-11t-9.86-3.56q-6.31 0-9.78 3.31a13.08 13.08 0 0 0-3.8 9.14h-22a27.88 27.88 0 0 1 9.7-20.38q9.06-7.92 25.87-7.92 17.46.01 26.36 8.17Zm-29.43 40.67q-7.12 1.29-10.19 3.88t-3.07 7.44a9.61 9.61 0 0 0 3.15 7.52q3.15 2.83 9 2.83a21.7 21.7 0 0 0 7.2-1.21 14.92 14.92 0 0 0 5.74-3.48 14.06 14.06 0 0 0 3.72-6.23 36.56 36.56 0 0 0 1-9.46v-3.07q-9.76.65-16.55 1.78ZM668.34 34v19.59a40.91 40.91 0 0 0-7.12-.81q-10.35 0-15.85 6.39t-5.5 18.52v38.81h-22.63V34.34h20.86V46h.32a27 27 0 0 1 9.58-9.8 25.68 25.68 0 0 1 12.86-3.15 27 27 0 0 1 7.48.95ZM145.48 116.33V15.85c-.26-6.41-.48-16.16-14.76-10.33C106.81 14.27 82.77 22.69 59.09 32c-17.95 7.05-37.61 14.79-47.73 52.56-2.65 9.9-6.29 21.88-8.94 31.78h23.24c2.14-8 4.82-18.09 7-26.09 7.25-27 21.48-32.64 34.47-37.75 18.64-7.33 37.54-14 56.35-20.9v84.75Z"
-        transform="translate(-2.42 -1.36)"
-      />
-      <path
-        d="M58.46 62.37A36.58 36.58 0 0 0 51.83 67c-7 6.25-10.82 15.17-13.21 24.07L32 115.53h26.46Z"
-        transform="translate(-2.42 -1.36)"
-      />
-      <path
-        d="M87.24 50.68q-9 3.34-17.88 6.83c-1.59.62-3.16 1.24-4.69 1.89v56.13h22.57Z"
-        transform="translate(-2.42 -1.36)"
-      />
-      <path
-        d="M117.23 115.53V39.7c-7.93 2.88-15.87 5.76-23.79 8.68v67.15Z"
-        transform="translate(-2.42 -1.36)"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 665.93 117.72" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M249.69 9.76Q260 18.17 260 33.86a28.78 28.78 0 0 1-5.66 17.95A28.41 28.41 0 0 1 239 62v.32a21.17 21.17 0 0 1 9.7 6.87q3.56 4.61 7.6 15.44l11.48 31.86h-25.86l-9.22-27.33q-3.24-9.38-7.52-13t-12.69-3.64H199.4v44h-23.78V1.36H218q21.34 0 31.69 8.4ZM199.4 53.59h16.82q19.89 0 19.89-17 0-16-21.18-16H199.4ZM333.21 37.09a36.54 36.54 0 0 1 14.63 15.2Q353 62.16 353 75.42t-5.17 23.12a36.53 36.53 0 0 1-14.63 15.2q-9.46 5.34-22.23 5.34t-22.24-5.34a36.52 36.52 0 0 1-14.63-15.2q-5.18-9.86-5.17-23.12t5.17-23.12a36.53 36.53 0 0 1 14.63-15.2q9.46-5.34 22.24-5.34t22.24 5.33Zm-35.58 19.25q-4.93 7.12-4.93 19.08t4.93 19.08a16.06 16.06 0 0 0 26.68 0q4.93-7.11 4.93-19.08t-4.93-19.08a16.06 16.06 0 0 0-26.68 0ZM364.34 116.49V1.36H387v115.13ZM402.66 116.49V1.36h22.64v115.13ZM463.78 44.21a25.4 25.4 0 0 1 9.95-8.81 29.11 29.11 0 0 1 13.34-3.15 30.54 30.54 0 0 1 17.87 5.34 33.88 33.88 0 0 1 11.8 15.12 58.14 58.14 0 0 1 4.12 22.72 57.16 57.16 0 0 1-4.2 22.72 34.16 34.16 0 0 1-12 15.12 30.91 30.91 0 0 1-18 5.34 28.21 28.21 0 0 1-13.58-3.4 25.82 25.82 0 0 1-10-9.54h-.32v10.83h-22V1.36h22.64v42.85ZM467 56.42q-4.69 6.88-4.69 19t4.69 19q4.69 6.87 12.45 6.87 8.08 0 12.94-7t4.85-18.84q0-11.8-4.85-18.84t-12.94-7q-7.74-.07-12.45 6.81ZM593.8 39.92q8.89 8.17 8.89 24.34V94q0 13.91 2.26 22.48h-20.37a47.18 47.18 0 0 1-1.13-11h-.32q-9.06 12.94-26.68 12.94-12.78 0-20.38-7a23.28 23.28 0 0 1-7.6-17.87q0-10.51 7.36-17t24.5-9.22q10.35-1.61 20.54-2.26v-2.91q0-7.44-3.56-11t-9.86-3.56q-6.31 0-9.78 3.31a13.08 13.08 0 0 0-3.8 9.14h-22a27.88 27.88 0 0 1 9.7-20.38q9.06-7.92 25.87-7.92 17.46.01 26.36 8.17Zm-29.43 40.67q-7.12 1.29-10.19 3.88t-3.07 7.44a9.61 9.61 0 0 0 3.15 7.52q3.15 2.83 9 2.83a21.7 21.7 0 0 0 7.2-1.21 14.92 14.92 0 0 0 5.74-3.48 14.06 14.06 0 0 0 3.72-6.23 36.56 36.56 0 0 0 1-9.46v-3.07q-9.76.65-16.55 1.78ZM668.34 34v19.59a40.91 40.91 0 0 0-7.12-.81q-10.35 0-15.85 6.39t-5.5 18.52v38.81h-22.63V34.34h20.86V46h.32a27 27 0 0 1 9.58-9.8 25.68 25.68 0 0 1 12.86-3.15 27 27 0 0 1 7.48.95ZM145.48 116.33V15.85c-.26-6.41-.48-16.16-14.76-10.33C106.81 14.27 82.77 22.69 59.09 32c-17.95 7.05-37.61 14.79-47.73 52.56-2.65 9.9-6.29 21.88-8.94 31.78h23.24c2.14-8 4.82-18.09 7-26.09 7.25-27 21.48-32.64 34.47-37.75 18.64-7.33 37.54-14 56.35-20.9v84.75Z" transform="translate(-2.42 -1.36)"/><path d="M58.46 62.37A36.58 36.58 0 0 0 51.83 67c-7 6.25-10.82 15.17-13.21 24.07L32 115.53h26.46Z" transform="translate(-2.42 -1.36)"/><path d="M87.24 50.68q-9 3.34-17.88 6.83c-1.59.62-3.16 1.24-4.69 1.89v56.13h22.57Z" transform="translate(-2.42 -1.36)"/><path d="M117.23 115.53V39.7c-7.93 2.88-15.87 5.76-23.79 8.68v67.15Z" transform="translate(-2.42 -1.36)"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_segment.tsx b/frontend/app/components/ui/Icons/integrations_segment.tsx
index 5549eab10..be27a064a 100644
--- a/frontend/app/components/ui/Icons/integrations_segment.tsx
+++ b/frontend/app/components/ui/Icons/integrations_segment.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function Integrations_segment(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 256 238"
-      preserveAspectRatio="xMidYMid"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M159.58 162.377H12.294C5.5 162.377 0 156.876 0 150.084c0-6.792 5.501-12.293 12.293-12.293H159.58c6.791 0 12.292 5.501 12.292 12.293 0 6.792-5.5 12.293-12.292 12.293Zm84.127-62.454H96.426c-6.792 0-12.293-5.501-12.293-12.293 0-6.792 5.5-12.293 12.293-12.293h147.281c6.792 0 12.293 5.5 12.293 12.293 0 6.792-5.501 12.293-12.293 12.293Zm-30.45-59.139c0 6.79-5.503 12.293-12.292 12.293-6.79 0-12.293-5.503-12.293-12.293 0-6.789 5.503-12.292 12.293-12.292 6.789 0 12.293 5.503 12.293 12.292ZM67.326 196.948c0 6.789-5.503 12.292-12.293 12.292-6.789 0-12.293-5.503-12.293-12.292 0-6.79 5.504-12.293 12.293-12.293 6.79 0 12.293 5.503 12.293 12.293Z"
-        fill="#93C8A2"
-      />
-      <path
-        d="M127.933 237.522c-11.992 0-23.836-1.782-35.2-5.305-6.482-2.008-10.108-8.89-8.1-15.37 2.008-6.512 8.907-10.136 15.373-8.11 9.006 2.796 18.399 4.209 27.927 4.209 41.69 0 77.89-26.754 90.081-66.593a12.271 12.271 0 0 1 15.343-8.14c6.487 1.966 10.136 8.847 8.152 15.328-15.37 50.224-61.015 83.98-113.576 83.98ZM26.109 99.84a12.286 12.286 0 0 1-11.75-15.887C29.734 33.733 75.378 0 127.934 0c12 0 23.845 1.782 35.2 5.308a12.286 12.286 0 0 1 8.1 15.373 12.271 12.271 0 0 1-15.373 8.097 95.04 95.04 0 0 0-27.927-4.177c-41.682 0-77.887 26.753-90.078 66.592a12.296 12.296 0 0 1-11.743 8.693l-.003-.046Z"
-        fill="#43AF79"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 256 238" preserveAspectRatio="xMidYMid" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M159.58 162.377H12.294C5.5 162.377 0 156.876 0 150.084c0-6.792 5.501-12.293 12.293-12.293H159.58c6.791 0 12.292 5.501 12.292 12.293 0 6.792-5.5 12.293-12.292 12.293Zm84.127-62.454H96.426c-6.792 0-12.293-5.501-12.293-12.293 0-6.792 5.5-12.293 12.293-12.293h147.281c6.792 0 12.293 5.5 12.293 12.293 0 6.792-5.501 12.293-12.293 12.293Zm-30.45-59.139c0 6.79-5.503 12.293-12.292 12.293-6.79 0-12.293-5.503-12.293-12.293 0-6.789 5.503-12.292 12.293-12.292 6.789 0 12.293 5.503 12.293 12.292ZM67.326 196.948c0 6.789-5.503 12.292-12.293 12.292-6.789 0-12.293-5.503-12.293-12.292 0-6.79 5.504-12.293 12.293-12.293 6.79 0 12.293 5.503 12.293 12.293Z" fill="#93C8A2"/><path d="M127.933 237.522c-11.992 0-23.836-1.782-35.2-5.305-6.482-2.008-10.108-8.89-8.1-15.37 2.008-6.512 8.907-10.136 15.373-8.11 9.006 2.796 18.399 4.209 27.927 4.209 41.69 0 77.89-26.754 90.081-66.593a12.271 12.271 0 0 1 15.343-8.14c6.487 1.966 10.136 8.847 8.152 15.328-15.37 50.224-61.015 83.98-113.576 83.98ZM26.109 99.84a12.286 12.286 0 0 1-11.75-15.887C29.734 33.733 75.378 0 127.934 0c12 0 23.845 1.782 35.2 5.308a12.286 12.286 0 0 1 8.1 15.373 12.271 12.271 0 0 1-15.373 8.097 95.04 95.04 0 0 0-27.927-4.177c-41.682 0-77.887 26.753-90.078 66.592a12.296 12.296 0 0 1-11.743 8.693l-.003-.046Z" fill="#43AF79"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_sentry.tsx b/frontend/app/components/ui/Icons/integrations_sentry.tsx
index 10ae3827c..626a9f225 100644
--- a/frontend/app/components/ui/Icons/integrations_sentry.tsx
+++ b/frontend/app/components/ui/Icons/integrations_sentry.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Integrations_sentry(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 150 134"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="M86.9 7.43a13.75 13.75 0 0 0-23.81 0l-19.6 33.95 5 2.87a96.14 96.14 0 0 1 47.83 77.4H82.56a82.4 82.4 0 0 0-41-65.54l-5-2.86L18.3 85l5 2.87a46.35 46.35 0 0 1 22.46 33.78H14.33a2.27 2.27 0 0 1-2-3.41l8.76-15.17a31.87 31.87 0 0 0-10-5.71L2.42 112.5a13.75 13.75 0 0 0 11.91 20.62h43.25v-5.73A57.16 57.16 0 0 0 33.84 81l6.88-11.92a70.93 70.93 0 0 1 30.56 58.26v5.74h36.65v-5.73A107.62 107.62 0 0 0 59.09 37.3L73 13.17a2.27 2.27 0 0 1 3.93 0l60.66 105.07a2.27 2.27 0 0 1-2 3.41H121.4c.18 3.83.2 7.66 0 11.48h14.24a13.75 13.75 0 0 0 11.91-20.62L86.9 7.43Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 150 134" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M86.9 7.43a13.75 13.75 0 0 0-23.81 0l-19.6 33.95 5 2.87a96.14 96.14 0 0 1 47.83 77.4H82.56a82.4 82.4 0 0 0-41-65.54l-5-2.86L18.3 85l5 2.87a46.35 46.35 0 0 1 22.46 33.78H14.33a2.27 2.27 0 0 1-2-3.41l8.76-15.17a31.87 31.87 0 0 0-10-5.71L2.42 112.5a13.75 13.75 0 0 0 11.91 20.62h43.25v-5.73A57.16 57.16 0 0 0 33.84 81l6.88-11.92a70.93 70.93 0 0 1 30.56 58.26v5.74h36.65v-5.73A107.62 107.62 0 0 0 59.09 37.3L73 13.17a2.27 2.27 0 0 1 3.93 0l60.66 105.07a2.27 2.27 0 0 1-2 3.41H121.4c.18 3.83.2 7.66 0 11.48h14.24a13.75 13.75 0 0 0 11.91-20.62L86.9 7.43Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_sentry_text.tsx b/frontend/app/components/ui/Icons/integrations_sentry_text.tsx
index af1ed391b..d1017a6cb 100644
--- a/frontend/app/components/ui/Icons/integrations_sentry_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_sentry_text.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Integrations_sentry_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 717.11 249.68"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="m430.56 143.76-44.49-57.43H375v77h11.22v-59l45.74 59h9.82v-77h-11.22Zm-112-14.27h39.84v-10h-39.88V96.31h45v-10h-56.45v77h57v-10h-45.55Zm-46.84-9.78c-15.57-3.72-19.83-6.69-19.83-13.84 0-6.46 5.71-10.81 14.22-10.81 7.09 0 14.07 2.51 21.3 7.67l6.06-8.54c-8-6.13-16.65-9-27.13-9-15.25 0-25.89 9-25.89 21.92 0 13.84 9 18.63 25.5 22.63 14.51 3.35 18.93 6.5 18.93 13.5s-6 11.38-15.35 11.38c-9.07 0-16.81-3-25-9.82l-6.79 8.08a47.82 47.82 0 0 0 31.41 11.6c16.49 0 27.14-8.87 27.14-22.6-.02-11.65-6.91-17.88-24.61-22.17Zm373.9-33.37-23.19 36.31-23-36.31H586l30.51 46.54v30.47h11.56v-30.82l30.5-46.19ZM450.87 96.76h25.23v66.58h11.57V96.76h25.23V86.33h-62Zm115.53 36.52c11.64-3.21 18-11.37 18-23 0-14.78-10.84-24-28.28-24H522v77h11.45v-27.66h19.42l19.54 27.72h13.37l-21.1-29.58Zm-33-7.52V96.53H555c11.27 0 17.74 5.31 17.74 14.56 0 8.91-6.92 14.67-17.62 14.67ZM144.9 65.43a13.75 13.75 0 0 0-23.81 0l-19.6 33.95 5 2.87a96.14 96.14 0 0 1 47.83 77.4h-13.76a82.4 82.4 0 0 0-41-65.54l-5-2.86L76.3 143l5 2.87a46.35 46.35 0 0 1 22.46 33.78H72.33a2.27 2.27 0 0 1-2-3.41l8.76-15.17a31.87 31.87 0 0 0-10-5.71l-8.67 15.14a13.75 13.75 0 0 0 11.91 20.62h43.25v-5.73A57.16 57.16 0 0 0 91.84 139l6.88-11.92a70.93 70.93 0 0 1 30.56 58.26v5.74h36.65v-5.73a107.62 107.62 0 0 0-48.84-90.05L131 71.17a2.27 2.27 0 0 1 3.93 0l60.66 105.07a2.27 2.27 0 0 1-2 3.41H179.4c.18 3.83.2 7.66 0 11.48h14.24a13.75 13.75 0 0 0 11.91-20.62Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 717.11 249.68" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="m430.56 143.76-44.49-57.43H375v77h11.22v-59l45.74 59h9.82v-77h-11.22Zm-112-14.27h39.84v-10h-39.88V96.31h45v-10h-56.45v77h57v-10h-45.55Zm-46.84-9.78c-15.57-3.72-19.83-6.69-19.83-13.84 0-6.46 5.71-10.81 14.22-10.81 7.09 0 14.07 2.51 21.3 7.67l6.06-8.54c-8-6.13-16.65-9-27.13-9-15.25 0-25.89 9-25.89 21.92 0 13.84 9 18.63 25.5 22.63 14.51 3.35 18.93 6.5 18.93 13.5s-6 11.38-15.35 11.38c-9.07 0-16.81-3-25-9.82l-6.79 8.08a47.82 47.82 0 0 0 31.41 11.6c16.49 0 27.14-8.87 27.14-22.6-.02-11.65-6.91-17.88-24.61-22.17Zm373.9-33.37-23.19 36.31-23-36.31H586l30.51 46.54v30.47h11.56v-30.82l30.5-46.19ZM450.87 96.76h25.23v66.58h11.57V96.76h25.23V86.33h-62Zm115.53 36.52c11.64-3.21 18-11.37 18-23 0-14.78-10.84-24-28.28-24H522v77h11.45v-27.66h19.42l19.54 27.72h13.37l-21.1-29.58Zm-33-7.52V96.53H555c11.27 0 17.74 5.31 17.74 14.56 0 8.91-6.92 14.67-17.62 14.67ZM144.9 65.43a13.75 13.75 0 0 0-23.81 0l-19.6 33.95 5 2.87a96.14 96.14 0 0 1 47.83 77.4h-13.76a82.4 82.4 0 0 0-41-65.54l-5-2.86L76.3 143l5 2.87a46.35 46.35 0 0 1 22.46 33.78H72.33a2.27 2.27 0 0 1-2-3.41l8.76-15.17a31.87 31.87 0 0 0-10-5.71l-8.67 15.14a13.75 13.75 0 0 0 11.91 20.62h43.25v-5.73A57.16 57.16 0 0 0 91.84 139l6.88-11.92a70.93 70.93 0 0 1 30.56 58.26v5.74h36.65v-5.73a107.62 107.62 0 0 0-48.84-90.05L131 71.17a2.27 2.27 0 0 1 3.93 0l60.66 105.07a2.27 2.27 0 0 1-2 3.41H179.4c.18 3.83.2 7.66 0 11.48h14.24a13.75 13.75 0 0 0 11.91-20.62Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_slack.tsx b/frontend/app/components/ui/Icons/integrations_slack.tsx
index 31b4c7cad..fd20c1bfe 100644
--- a/frontend/app/components/ui/Icons/integrations_slack.tsx
+++ b/frontend/app/components/ui/Icons/integrations_slack.tsx
@@ -9,33 +9,9 @@ interface Props {
 }
 
 function Integrations_slack(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 51 51"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g fill="none">
-        <path
-          fill="#E01E5A"
-          d="M10.923 32.126c0 2.932-2.37 5.3-5.301 5.3s-5.3-2.368-5.3-5.3c0-2.931 2.369-5.3 5.3-5.3h5.3v5.3zm2.65 0c0-2.931 2.37-5.3 5.301-5.3 2.932 0 5.3 2.369 5.3 5.3v13.252c0 2.932-2.368 5.3-5.3 5.3-2.931 0-5.3-2.368-5.3-5.3V32.126z"
-        />
-        <path
-          fill="#36C5F0"
-          d="M18.874 10.843c-2.931 0-5.3-2.37-5.3-5.301 0-2.932 2.369-5.301 5.3-5.301 2.932 0 5.3 2.37 5.3 5.3v5.302h-5.3zm0 2.69c2.932 0 5.3 2.37 5.3 5.3 0 2.932-2.368 5.302-5.3 5.302H5.582c-2.932 0-5.3-2.37-5.3-5.301 0-2.932 2.368-5.3 5.3-5.3h13.292z"
-        />
-        <path
-          fill="#2EB67D"
-          d="M40.117 18.834c0-2.932 2.37-5.3 5.301-5.3 2.932 0 5.301 2.368 5.301 5.3 0 2.931-2.37 5.3-5.3 5.3h-5.302v-5.3zm-2.65 0c0 2.931-2.37 5.3-5.3 5.3-2.932 0-5.302-2.369-5.302-5.3V5.542c0-2.932 2.37-5.301 5.301-5.301 2.932 0 5.301 2.37 5.301 5.3v13.293z"
-        />
-        <path
-          fill="#ECB22E"
-          d="M32.166 40.077c2.932 0 5.301 2.37 5.301 5.301 0 2.932-2.37 5.3-5.3 5.3-2.932 0-5.302-2.368-5.302-5.3v-5.3h5.301zm0-2.65c-2.931 0-5.3-2.37-5.3-5.301s2.369-5.3 5.3-5.3h13.292c2.932 0 5.301 2.369 5.301 5.3 0 2.932-2.37 5.3-5.3 5.3H32.165z"
-        />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 51 51" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g fill="none"><path fill="#E01E5A" d="M10.923 32.126c0 2.932-2.37 5.3-5.301 5.3s-5.3-2.368-5.3-5.3c0-2.931 2.369-5.3 5.3-5.3h5.3v5.3zm2.65 0c0-2.931 2.37-5.3 5.301-5.3 2.932 0 5.3 2.369 5.3 5.3v13.252c0 2.932-2.368 5.3-5.3 5.3-2.931 0-5.3-2.368-5.3-5.3V32.126z"/><path fill="#36C5F0" d="M18.874 10.843c-2.931 0-5.3-2.37-5.3-5.301 0-2.932 2.369-5.301 5.3-5.301 2.932 0 5.3 2.37 5.3 5.3v5.302h-5.3zm0 2.69c2.932 0 5.3 2.37 5.3 5.3 0 2.932-2.368 5.302-5.3 5.302H5.582c-2.932 0-5.3-2.37-5.3-5.301 0-2.932 2.368-5.3 5.3-5.3h13.292z"/><path fill="#2EB67D" d="M40.117 18.834c0-2.932 2.37-5.3 5.301-5.3 2.932 0 5.301 2.368 5.301 5.3 0 2.931-2.37 5.3-5.3 5.3h-5.302v-5.3zm-2.65 0c0 2.931-2.37 5.3-5.3 5.3-2.932 0-5.302-2.369-5.302-5.3V5.542c0-2.932 2.37-5.301 5.301-5.301 2.932 0 5.301 2.37 5.301 5.3v13.293z"/><path fill="#ECB22E" d="M32.166 40.077c2.932 0 5.301 2.37 5.301 5.301 0 2.932-2.37 5.3-5.3 5.3-2.932 0-5.302-2.368-5.302-5.3v-5.3h5.301zm0-2.65c-2.931 0-5.3-2.37-5.3-5.301s2.369-5.3 5.3-5.3h13.292c2.932 0 5.301 2.369 5.301 5.3 0 2.932-2.37 5.3-5.3 5.3H32.165z"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_slack_bw.tsx b/frontend/app/components/ui/Icons/integrations_slack_bw.tsx
index f2cf20184..b829fb1bd 100644
--- a/frontend/app/components/ui/Icons/integrations_slack_bw.tsx
+++ b/frontend/app/components/ui/Icons/integrations_slack_bw.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Integrations_slack_bw(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_stackdriver.tsx b/frontend/app/components/ui/Icons/integrations_stackdriver.tsx
index 1cdad6661..1c541c9dc 100644
--- a/frontend/app/components/ui/Icons/integrations_stackdriver.tsx
+++ b/frontend/app/components/ui/Icons/integrations_stackdriver.tsx
@@ -9,34 +9,9 @@ interface Props {
 }
 
 function Integrations_stackdriver(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 65 57"
-      fill="#fff"
-      stroke="#000"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      font-family="Roboto"
-      font-size="14"
-      text-anchor="middle"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <use xlinkHref="#a" x=".5" y=".5" />
-      <symbol id="a" overflow="visible">
-        <g stroke="none">
-          <path d="m47.83 55.172-16-29.834-15.984 29.84z" fill="#009245" />
-          <path d="m31.83 27.617-16 27.565L0 27.617z" fill="#006837" />
-          <path d="M0 27.627 15.97.01h31.942L31.905 27.627z" fill="#39b54a" />
-          <path
-            d="M47.83 55.172 31.904 27.618 47.91 0 64 27.585z"
-            fill="#8cc63f"
-          />
-        </g>
-      </symbol>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 65 57" fill="#fff" stroke="#000" strokeLinecap="round" strokeLinejoin="round" font-family="Roboto" font-size="14" text-anchor="middle" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><use xlinkHref="#a" x=".5" y=".5"/><symbol id="a" overflow="visible"><g stroke="none"><path d="m47.83 55.172-16-29.834-15.984 29.84z" fill="#009245"/><path d="m31.83 27.617-16 27.565L0 27.617z" fill="#006837"/><path d="M0 27.627 15.97.01h31.942L31.905 27.627z" fill="#39b54a"/><path d="M47.83 55.172 31.904 27.618 47.91 0 64 27.585z" fill="#8cc63f"/></g></symbol></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_sumologic.tsx b/frontend/app/components/ui/Icons/integrations_sumologic.tsx
index ffd161f83..3dffe076e 100644
--- a/frontend/app/components/ui/Icons/integrations_sumologic.tsx
+++ b/frontend/app/components/ui/Icons/integrations_sumologic.tsx
@@ -9,17 +9,9 @@ interface Props {
 }
 
 function Integrations_sumologic(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 1024 1024"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <circle cx="512" cy="512" r="512" />
-      <path d="M352.9 361.4c-12.7-2.7-21.8-5.1-26.9-6.3-6.3-1.8-11.2-4.2-13.6-7.6v-13.9c4.2-6.6 14.5-10.9 28.7-10.9 19.6 0 33.2 4.5 54.7 21.5l25.1-30.2c-25.4-21.2-47.1-28.7-78.6-28.7-36.3 0-61.3 14.8-71.3 36v45.9c7.9 15.4 26 24.2 62.2 32 13 3 21.8 5.1 26.9 6 6.6 2.1 12.7 4.8 16 9.7v16c-4.5 7.3-15.4 11.2-29.6 11.2-10.3.3-20.2-1.8-29.6-5.7-9.1-3.6-19.6-10.6-32.9-21.5l-26.9 29.9c29 25.7 53.5 34.4 88.2 34.4 37.2 0 63.5-14.2 73.4-36.9v-46.2c-8.4-17.2-28.7-26.2-65.8-34.7zm401.5-70.1v182.5h-42.6v-19.3c-9.7 15.7-27.5 24.8-53.5 24.8-43.2 0-64.7-22.4-64.7-58v-130h46.5v117.5c0 19 10.3 30.2 30.2 30.2 23.3 0 37.5-13.3 37.5-37.8v-110h46.6zM531.8 606.9v127.5h-46.5V620.8c0-21.8-8.8-35.1-29-35.1s-32 15.1-32 36.3v112.4h-46.5V620.8c0-23.3-9.7-35.1-29-35.1-20.5 0-32 15.1-32 36.3v112.4h-46.5V551.9h43.2v20.2c10.6-17.5 28.1-26.3 52-26.3 23.3 0 40.8 9.7 50.8 26.9 12.4-17.8 30.8-26.9 54.7-26.9 38.8.1 60.8 23.4 60.8 61.1zm139.8-62.8c-42 0-74.9 22.7-88.5 58.9v76.8c13.3 36.3 46.5 58.9 88.5 58.9s74.6-22.7 87.9-58.6v-77.4c-13.5-35.9-46.5-58.6-87.9-58.6zm43 124.2c-7.3 19.3-22.7 30.8-43.2 30.8-20.2 0-36.3-11.5-43.5-30.8v-53.8c7.3-19.3 22.7-31.1 43.5-31.1 20.5 0 35.7 11.8 42.9 31.1l.3 53.8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 1024 1024" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><circle cx="512" cy="512" r="512"/><path d="M352.9 361.4c-12.7-2.7-21.8-5.1-26.9-6.3-6.3-1.8-11.2-4.2-13.6-7.6v-13.9c4.2-6.6 14.5-10.9 28.7-10.9 19.6 0 33.2 4.5 54.7 21.5l25.1-30.2c-25.4-21.2-47.1-28.7-78.6-28.7-36.3 0-61.3 14.8-71.3 36v45.9c7.9 15.4 26 24.2 62.2 32 13 3 21.8 5.1 26.9 6 6.6 2.1 12.7 4.8 16 9.7v16c-4.5 7.3-15.4 11.2-29.6 11.2-10.3.3-20.2-1.8-29.6-5.7-9.1-3.6-19.6-10.6-32.9-21.5l-26.9 29.9c29 25.7 53.5 34.4 88.2 34.4 37.2 0 63.5-14.2 73.4-36.9v-46.2c-8.4-17.2-28.7-26.2-65.8-34.7zm401.5-70.1v182.5h-42.6v-19.3c-9.7 15.7-27.5 24.8-53.5 24.8-43.2 0-64.7-22.4-64.7-58v-130h46.5v117.5c0 19 10.3 30.2 30.2 30.2 23.3 0 37.5-13.3 37.5-37.8v-110h46.6zM531.8 606.9v127.5h-46.5V620.8c0-21.8-8.8-35.1-29-35.1s-32 15.1-32 36.3v112.4h-46.5V620.8c0-23.3-9.7-35.1-29-35.1-20.5 0-32 15.1-32 36.3v112.4h-46.5V551.9h43.2v20.2c10.6-17.5 28.1-26.3 52-26.3 23.3 0 40.8 9.7 50.8 26.9 12.4-17.8 30.8-26.9 54.7-26.9 38.8.1 60.8 23.4 60.8 61.1zm139.8-62.8c-42 0-74.9 22.7-88.5 58.9v76.8c13.3 36.3 46.5 58.9 88.5 58.9s74.6-22.7 87.9-58.6v-77.4c-13.5-35.9-46.5-58.6-87.9-58.6zm43 124.2c-7.3 19.3-22.7 30.8-43.2 30.8-20.2 0-36.3-11.5-43.5-30.8v-53.8c7.3-19.3 22.7-31.1 43.5-31.1 20.5 0 35.7 11.8 42.9 31.1l.3 53.8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_sumologic_text.tsx b/frontend/app/components/ui/Icons/integrations_sumologic_text.tsx
index ad0ffda8c..cb30d1649 100644
--- a/frontend/app/components/ui/Icons/integrations_sumologic_text.tsx
+++ b/frontend/app/components/ui/Icons/integrations_sumologic_text.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Integrations_sumologic_text(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 577 107.3"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="M118.3 23.8v60.4h-14.1v-6.4C101 83 95.1 86 86.5 86c-14.3 0-21.4-7.4-21.4-19.2v-43h15.4v38.9c0 6.3 3.4 10 10 10 7.7 0 12.4-4.4 12.4-12.5V23.8h15.4zm100 18.2v42.2h-15.4V46.6c0-7.2-2.9-11.6-9.6-11.6s-10.6 5-10.6 12v37.2h-15.4V46.6c0-7.7-3.2-11.6-9.6-11.6-6.8 0-10.6 5-10.6 12v37.2h-15.4V23.8H146v6.7c3.5-5.8 9.3-8.7 17.2-8.7 7.7 0 13.5 3.2 16.8 8.9 4.1-5.9 10.2-8.9 18.1-8.9 12.9 0 20.2 7.7 20.2 20.2zm123.6 42.2h-15.4V.2h15.4v84zm167 0h-15.4V23.8h15.4v60.4zm-15.7-69.5h15.9V0h-15.9v14.7zm73.4 48.9c-6.3 6.7-10.6 9.3-16.4 9.3-6.9 0-11.8-4-14-10.2V45.1c2.3-6.3 7.2-10.3 14.2-10.3 5.1 0 9.2 1.8 15.7 7.9l9.6-9.5c-7.7-8.4-15.2-11.5-25.3-11.5-14.1 0-25 7.4-29.3 19.8v24.8C525.3 78.7 536 86 550 86c10.9 0 18.4-3.6 26.8-14l-10.2-8.4zM31.7 47c-4.2-.9-7.2-1.7-8.9-2.1-2.1-.6-3.7-1.4-4.5-2.5v-4.6c1.4-2.2 4.8-3.6 9.5-3.6 6.5 0 11 1.5 18.1 7.1l8.3-10c-8.4-7-15.6-9.5-26-9.5-12 0-20.3 4.9-23.6 11.9v15.2c2.6 5.1 8.6 8 20.6 10.6 4.3 1 7.2 1.7 8.9 2 2.2.7 4.2 1.6 5.3 3.2V70c-1.5 2.4-5.1 3.7-9.8 3.7-3.4.1-6.7-.6-9.8-1.9-3-1.2-6.5-3.5-10.9-7.1L0 74.6C9.6 83.1 17.7 86 29.2 86c12.3 0 21-4.7 24.3-12.2V58.5C50.7 52.8 44 49.8 31.7 47zm227-25.3c-13.9 0-24.8 7.5-29.3 19.5v25.4c4.4 12 15.4 19.5 29.3 19.5s24.7-7.5 29.1-19.4V41.1c-4.5-11.9-15.4-19.4-29.1-19.4zm14.2 41.1c-2.4 6.4-7.5 10.2-14.3 10.2-6.7 0-12-3.8-14.4-10.2V45c2.4-6.4 7.5-10.3 14.4-10.3 6.8 0 11.8 3.9 14.2 10.3l.1 17.8zm110.2-41.1c-13.9 0-24.8 7.5-29.3 19.5v25.4c4.5 12 15.4 19.5 29.3 19.5s24.7-7.5 29.1-19.4V41.1c-4.4-11.9-15.3-19.4-29.1-19.4zm14.2 41.1c-2.4 6.4-7.5 10.2-14.2 10.2s-12-3.8-14.4-10.2V45c2.4-6.4 7.5-10.3 14.4-10.3s11.8 3.9 14.2 10.3v17.8zm68.5-39v6.7c-3.9-5.8-10-8.7-18.4-8.7-11.4 0-20.6 7-24.6 18.1v24.9c3.9 11.1 13.1 18 24.6 18 7.7 0 13.5-2.6 17.6-7.7v4.8c0 10-5.8 14.7-14.8 14.7-6.7 0-12.2-2-21-7.2l-7.5 11.1c8.5 5.7 18.5 8.8 28.7 8.9 17 0 29.5-9.1 29.5-26.1V23.8h-14.1zm-1.9 36.7c-2.3 5.7-7.1 9.3-13.1 9.3s-10.8-3.5-13.1-9.3V44c2.3-5.7 7-9.2 13.1-9.2s10.8 3.5 13.1 9.2v16.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 577 107.3"  width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M118.3 23.8v60.4h-14.1v-6.4C101 83 95.1 86 86.5 86c-14.3 0-21.4-7.4-21.4-19.2v-43h15.4v38.9c0 6.3 3.4 10 10 10 7.7 0 12.4-4.4 12.4-12.5V23.8h15.4zm100 18.2v42.2h-15.4V46.6c0-7.2-2.9-11.6-9.6-11.6s-10.6 5-10.6 12v37.2h-15.4V46.6c0-7.7-3.2-11.6-9.6-11.6-6.8 0-10.6 5-10.6 12v37.2h-15.4V23.8H146v6.7c3.5-5.8 9.3-8.7 17.2-8.7 7.7 0 13.5 3.2 16.8 8.9 4.1-5.9 10.2-8.9 18.1-8.9 12.9 0 20.2 7.7 20.2 20.2zm123.6 42.2h-15.4V.2h15.4v84zm167 0h-15.4V23.8h15.4v60.4zm-15.7-69.5h15.9V0h-15.9v14.7zm73.4 48.9c-6.3 6.7-10.6 9.3-16.4 9.3-6.9 0-11.8-4-14-10.2V45.1c2.3-6.3 7.2-10.3 14.2-10.3 5.1 0 9.2 1.8 15.7 7.9l9.6-9.5c-7.7-8.4-15.2-11.5-25.3-11.5-14.1 0-25 7.4-29.3 19.8v24.8C525.3 78.7 536 86 550 86c10.9 0 18.4-3.6 26.8-14l-10.2-8.4zM31.7 47c-4.2-.9-7.2-1.7-8.9-2.1-2.1-.6-3.7-1.4-4.5-2.5v-4.6c1.4-2.2 4.8-3.6 9.5-3.6 6.5 0 11 1.5 18.1 7.1l8.3-10c-8.4-7-15.6-9.5-26-9.5-12 0-20.3 4.9-23.6 11.9v15.2c2.6 5.1 8.6 8 20.6 10.6 4.3 1 7.2 1.7 8.9 2 2.2.7 4.2 1.6 5.3 3.2V70c-1.5 2.4-5.1 3.7-9.8 3.7-3.4.1-6.7-.6-9.8-1.9-3-1.2-6.5-3.5-10.9-7.1L0 74.6C9.6 83.1 17.7 86 29.2 86c12.3 0 21-4.7 24.3-12.2V58.5C50.7 52.8 44 49.8 31.7 47zm227-25.3c-13.9 0-24.8 7.5-29.3 19.5v25.4c4.4 12 15.4 19.5 29.3 19.5s24.7-7.5 29.1-19.4V41.1c-4.5-11.9-15.4-19.4-29.1-19.4zm14.2 41.1c-2.4 6.4-7.5 10.2-14.3 10.2-6.7 0-12-3.8-14.4-10.2V45c2.4-6.4 7.5-10.3 14.4-10.3 6.8 0 11.8 3.9 14.2 10.3l.1 17.8zm110.2-41.1c-13.9 0-24.8 7.5-29.3 19.5v25.4c4.5 12 15.4 19.5 29.3 19.5s24.7-7.5 29.1-19.4V41.1c-4.4-11.9-15.3-19.4-29.1-19.4zm14.2 41.1c-2.4 6.4-7.5 10.2-14.2 10.2s-12-3.8-14.4-10.2V45c2.4-6.4 7.5-10.3 14.4-10.3s11.8 3.9 14.2 10.3v17.8zm68.5-39v6.7c-3.9-5.8-10-8.7-18.4-8.7-11.4 0-20.6 7-24.6 18.1v24.9c3.9 11.1 13.1 18 24.6 18 7.7 0 13.5-2.6 17.6-7.7v4.8c0 10-5.8 14.7-14.8 14.7-6.7 0-12.2-2-21-7.2l-7.5 11.1c8.5 5.7 18.5 8.8 28.7 8.9 17 0 29.5-9.1 29.5-26.1V23.8h-14.1zm-1.9 36.7c-2.3 5.7-7.1 9.3-13.1 9.3s-10.8-3.5-13.1-9.3V44c2.3-5.7 7-9.2 13.1-9.2s10.8 3.5 13.1 9.2v16.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_teams.tsx b/frontend/app/components/ui/Icons/integrations_teams.tsx
index 86b364d79..30c3781f6 100644
--- a/frontend/app/components/ui/Icons/integrations_teams.tsx
+++ b/frontend/app/components/ui/Icons/integrations_teams.tsx
@@ -9,78 +9,9 @@ interface Props {
 }
 
 function Integrations_teams(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="-334.325 -518.333 2897.483 3110.001"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path
-        d="M1554.637 777.5h575.713c54.391 0 98.483 44.092 98.483 98.483v524.398c0 199.901-162.051 361.952-361.952 361.952h-1.711c-199.901.028-361.975-162-362.004-361.901V828.971c.001-28.427 23.045-51.471 51.471-51.471z"
-        fill="#5059C9"
-      />
-      <circle r="233.25" cy="440.583" cx="1943.75" fill="#5059C9" />
-      <circle r="336.917" cy="336.917" cx="1218.083" fill="#7B83EB" />
-      <path
-        d="M1667.323 777.5H717.01c-53.743 1.33-96.257 45.931-95.01 99.676v598.105c-7.505 322.519 247.657 590.16 570.167 598.053 322.51-7.893 577.671-275.534 570.167-598.053V877.176c1.245-53.745-41.268-98.346-95.011-99.676z"
-        fill="#7B83EB"
-      />
-      <path
-        d="M1244 777.5v838.145c-.258 38.435-23.549 72.964-59.09 87.598a91.856 91.856 0 0 1-35.765 7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833a631.287 631.287 0 0 1-27.472-183.49V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z"
-        opacity=".1"
-      />
-      <path
-        d="M1192.167 777.5v889.978a91.802 91.802 0 0 1-7.257 35.765c-14.634 35.541-49.163 58.833-87.598 59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833-7.257-17.623-12.958-34.21-18.142-51.833a631.282 631.282 0 0 1-27.472-183.49V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z"
-        opacity=".2"
-      />
-      <path
-        d="M1192.167 777.5v786.312c-.395 52.223-42.632 94.46-94.855 94.855h-447.84A631.282 631.282 0 0 1 622 1475.177V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z"
-        opacity=".2"
-      />
-      <path
-        d="M1140.333 777.5v786.312c-.395 52.223-42.632 94.46-94.855 94.855H649.472A631.282 631.282 0 0 1 622 1475.177V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z"
-        opacity=".2"
-      />
-      <path
-        d="M1244 509.522v163.275c-8.812.518-17.105 1.037-25.917 1.037-8.812 0-17.105-.518-25.917-1.037a284.472 284.472 0 0 1-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003a288.02 288.02 0 0 1-16.587-51.833h258.648c52.305.198 94.657 42.549 94.856 94.854z"
-        opacity=".1"
-      />
-      <path
-        d="M1192.167 561.355v111.442a284.472 284.472 0 0 1-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003h190.228c52.304.198 94.656 42.55 94.855 94.854z"
-        opacity=".2"
-      />
-      <path
-        d="M1192.167 561.355v111.442a284.472 284.472 0 0 1-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003h190.228c52.304.198 94.656 42.55 94.855 94.854z"
-        opacity=".2"
-      />
-      <path
-        d="M1140.333 561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003h138.395c52.305.199 94.656 42.551 94.855 94.855z"
-        opacity=".2"
-      />
-      <linearGradient
-        gradientTransform="matrix(1 0 0 -1 0 2075.333)"
-        y2="394.261"
-        x2="942.234"
-        y1="1683.073"
-        x1="198.099"
-        gradientUnits="userSpaceOnUse"
-        id="a"
-      >
-        <stop offset="0" stopColor="#5a62c3" />
-        <stop offset=".5" stopColor="#4d55bd" />
-        <stop offset="1" stopColor="#3940ab" />
-      </linearGradient>
-      <path
-        d="M95.01 466.5h950.312c52.473 0 95.01 42.538 95.01 95.01v950.312c0 52.473-42.538 95.01-95.01 95.01H95.01c-52.473 0-95.01-42.538-95.01-95.01V561.51c0-52.472 42.538-95.01 95.01-95.01z"
-        fill="url(#a)"
-      />
-      <path
-        d="M820.211 828.193h-189.97v517.297h-121.03V828.193H320.123V727.844h500.088z"
-        fill="#FFF"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="-334.325 -518.333 2897.483 3110.001" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M1554.637 777.5h575.713c54.391 0 98.483 44.092 98.483 98.483v524.398c0 199.901-162.051 361.952-361.952 361.952h-1.711c-199.901.028-361.975-162-362.004-361.901V828.971c.001-28.427 23.045-51.471 51.471-51.471z" fill="#5059C9"/><circle r="233.25" cy="440.583" cx="1943.75" fill="#5059C9"/><circle r="336.917" cy="336.917" cx="1218.083" fill="#7B83EB"/><path d="M1667.323 777.5H717.01c-53.743 1.33-96.257 45.931-95.01 99.676v598.105c-7.505 322.519 247.657 590.16 570.167 598.053 322.51-7.893 577.671-275.534 570.167-598.053V877.176c1.245-53.745-41.268-98.346-95.011-99.676z" fill="#7B83EB"/><path d="M1244 777.5v838.145c-.258 38.435-23.549 72.964-59.09 87.598a91.856 91.856 0 0 1-35.765 7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833a631.287 631.287 0 0 1-27.472-183.49V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z" opacity=".1"/><path d="M1192.167 777.5v889.978a91.802 91.802 0 0 1-7.257 35.765c-14.634 35.541-49.163 58.833-87.598 59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833-7.257-17.623-12.958-34.21-18.142-51.833a631.282 631.282 0 0 1-27.472-183.49V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z" opacity=".2"/><path d="M1192.167 777.5v786.312c-.395 52.223-42.632 94.46-94.855 94.855h-447.84A631.282 631.282 0 0 1 622 1475.177V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z" opacity=".2"/><path d="M1140.333 777.5v786.312c-.395 52.223-42.632 94.46-94.855 94.855H649.472A631.282 631.282 0 0 1 622 1475.177V877.02c-1.246-53.659 41.198-98.19 94.855-99.52z" opacity=".2"/><path d="M1244 509.522v163.275c-8.812.518-17.105 1.037-25.917 1.037-8.812 0-17.105-.518-25.917-1.037a284.472 284.472 0 0 1-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003a288.02 288.02 0 0 1-16.587-51.833h258.648c52.305.198 94.657 42.549 94.856 94.854z" opacity=".1"/><path d="M1192.167 561.355v111.442a284.472 284.472 0 0 1-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003h190.228c52.304.198 94.656 42.55 94.855 94.854z" opacity=".2"/><path d="M1192.167 561.355v111.442a284.472 284.472 0 0 1-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003h190.228c52.304.198 94.656 42.55 94.855 94.854z" opacity=".2"/><path d="M1140.333 561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003h138.395c52.305.199 94.656 42.551 94.855 94.855z" opacity=".2"/><linearGradient gradientTransform="matrix(1 0 0 -1 0 2075.333)" y2="394.261" x2="942.234" y1="1683.073" x1="198.099" gradientUnits="userSpaceOnUse" id="a"><stop offset="0" stopColor="#5a62c3"/><stop offset=".5" stopColor="#4d55bd"/><stop offset="1" stopColor="#3940ab"/></linearGradient><path d="M95.01 466.5h950.312c52.473 0 95.01 42.538 95.01 95.01v950.312c0 52.473-42.538 95.01-95.01 95.01H95.01c-52.473 0-95.01-42.538-95.01-95.01V561.51c0-52.472 42.538-95.01 95.01-95.01z" fill="url(#a)"/><path d="M820.211 828.193h-189.97v517.297h-121.03V828.193H320.123V727.844h500.088z" fill="#FFF"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_teams_white.tsx b/frontend/app/components/ui/Icons/integrations_teams_white.tsx
index 7e69e7b58..deb1724f2 100644
--- a/frontend/app/components/ui/Icons/integrations_teams_white.tsx
+++ b/frontend/app/components/ui/Icons/integrations_teams_white.tsx
@@ -9,17 +9,9 @@ interface Props {
 }
 
 function Integrations_teams_white(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682v.766Zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0Zm-2.238 9.488c-.04 0-.08 0-.12-.002a5.19 5.19 0 0 0 .381-2.07V6.306a1.692 1.692 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.598 2.598 0 0 1-2.598 2.598h-.013Z" />
-      <path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.682.682 0 0 1-.682.682H.682A.682.682 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945h1.363Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682v.766Zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0Zm-2.238 9.488c-.04 0-.08 0-.12-.002a5.19 5.19 0 0 0 .381-2.07V6.306a1.692 1.692 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.598 2.598 0 0 1-2.598 2.598h-.013Z"/><path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.682.682 0 0 1-.682.682H.682A.682.682 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945h1.363Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_vuejs.tsx b/frontend/app/components/ui/Icons/integrations_vuejs.tsx
index 99e4e4c6d..4dd130bc3 100644
--- a/frontend/app/components/ui/Icons/integrations_vuejs.tsx
+++ b/frontend/app/components/ui/Icons/integrations_vuejs.tsx
@@ -9,28 +9,9 @@ interface Props {
 }
 
 function Integrations_vuejs(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 120 120"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <rect fill="#fff" height="120" rx="6.01" width="120" />
-      <path
-        d="M87.83 20h18.55L60 100 13.62 20H49.1L60 38.55 70.67 20z"
-        fill="#41b883"
-      />
-      <path
-        d="M13.62 20 60 100l46.38-80H87.83L60 68 31.94 20z"
-        fill="#41b883"
-      />
-      <path
-        d="M31.94 20 60 68.23 87.83 20H70.67L60 38.55 49.1 20z"
-        fill="#35495e"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 120 120" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><rect fill="#fff" height="120" rx="6.01" width="120"/><path d="M87.83 20h18.55L60 100 13.62 20H49.1L60 38.55 70.67 20z" fill="#41b883"/><path d="M13.62 20 60 100l46.38-80H87.83L60 68 31.94 20z" fill="#41b883"/><path d="M31.94 20 60 68.23 87.83 20H70.67L60 38.55 49.1 20z" fill="#35495e"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/integrations_zustand.tsx b/frontend/app/components/ui/Icons/integrations_zustand.tsx
index c77e2e923..337593261 100644
--- a/frontend/app/components/ui/Icons/integrations_zustand.tsx
+++ b/frontend/app/components/ui/Icons/integrations_zustand.tsx
@@ -9,80 +9,9 @@ interface Props {
 }
 
 function Integrations_zustand(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 42 42"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-      fill={`${fill}`}
-    >
-      <g>
-        <rect fill="#fff" />
-        <path
-          d="m14.44 10.453-3.889-3.111-4.764.583-1.75 2.722.292 3.889 2.236 3.403s1.07.68 1.556.972l-1.459 4.472-.194 3.695.875 3.208 1.653 2.139 3.208 2.236s9.139 5.25 17.889.097l3.403-2.82 1.847-3.5.389-2.721-.778-5.153-.972-1.459 1.653-1.263 1.458-2.82.972-3.11-.972-2.918-2.528-1.75-2.43-.097-3.5 2.236-.778.875-4.861-.972h-4.764l-3.792 1.167Z"
-          fill="#966242"
-        />
-        <path
-          d="m17.26 22.022-1.167 2.917-.486 3.889 1.167 1.847.194 2.528 1.653 1.264 5.055-.195 1.362-.583.097-3.014 1.166-1.847-.68-3.89-1.458-3.208s-4.084-2.819-6.903.292Z"
-          fill="#C49858"
-        />
-        <path
-          d="M17.94 27.855s2.528-2.722 5.736-.194l-1.07 1.653-3.5-.098-1.166-1.36Z"
-          fill="#3F3F3F"
-        />
-        <path
-          d="M27.857 10.744s7.486-2.333 8.847 4.667l1.167-2.333-.097-3.209-2.042-2.236-3.208-.778-3.209 2.14-1.458 1.75ZM14.148 10.744s-7.486-2.333-8.847 4.667l-1.166-2.333.097-3.209 2.041-2.236 3.209-.778 3.208 2.14 1.458 1.75Z"
-          fill="#C49858"
-        />
-        <path
-          d="M16.703 22.75a1.167 1.167 0 1 0 0-2.334 1.167 1.167 0 0 0 0 2.333Z"
-          fill="#000"
-        />
-        <path
-          d="M15.172 11.605s-4.484-6.78-8.714-3.974c-3.85 2.556-2.281 8.143.352 9.867"
-          stroke="#000"
-          strokeWidth="1.167"
-          strokeMiterlimit="10"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M12.292 34.173c-9.297-3.682-4.58-14.008-4.58-14.008s2.126-5.459 5.45-6.771M29.807 34.173c9.297-3.682 4.58-14.008 4.58-14.008s-2.127-5.459-5.45-6.771"
-          stroke="#000"
-          strokeWidth="1.167"
-          strokeMiterlimit="10"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M25.297 22.75a1.167 1.167 0 1 0 0-2.334 1.167 1.167 0 0 0 0 2.333Z"
-          fill="#000"
-        />
-        <path
-          d="m25.372 25.277.91 2.802c.129.476.05.98-.214 1.398-.711 1.122-2.365 2.985-4.818 1.305h-.5c-2.453 1.68-4.107-.183-4.818-1.305a1.754 1.754 0 0 1-.215-1.398l.91-2.802"
-          stroke="#000"
-          strokeWidth="1.167"
-          strokeMiterlimit="10"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M23.434 27.956c-.06 1.755-1.637.966-1.637.966L21 28.527l-.797.395s-1.578.788-1.637-.966M26.828 11.605s4.485-6.78 8.714-3.974c3.85 2.556 2.282 8.143-.352 9.867M17.469 33.336s3.026 3.851 7.062.328M14.388 10.472s5.08-2.877 13.024 0M21 30.782v-1.86"
-          stroke="#000"
-          strokeWidth="1.167"
-          strokeMiterlimit="10"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h42v42H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 42 42" fill="none" width={ `${ width }px` } height={ `${ height }px` } fill={ `${ fill }` }><g><rect fill="#fff"/><path d="m14.44 10.453-3.889-3.111-4.764.583-1.75 2.722.292 3.889 2.236 3.403s1.07.68 1.556.972l-1.459 4.472-.194 3.695.875 3.208 1.653 2.139 3.208 2.236s9.139 5.25 17.889.097l3.403-2.82 1.847-3.5.389-2.721-.778-5.153-.972-1.459 1.653-1.263 1.458-2.82.972-3.11-.972-2.918-2.528-1.75-2.43-.097-3.5 2.236-.778.875-4.861-.972h-4.764l-3.792 1.167Z" fill="#966242"/><path d="m17.26 22.022-1.167 2.917-.486 3.889 1.167 1.847.194 2.528 1.653 1.264 5.055-.195 1.362-.583.097-3.014 1.166-1.847-.68-3.89-1.458-3.208s-4.084-2.819-6.903.292Z" fill="#C49858"/><path d="M17.94 27.855s2.528-2.722 5.736-.194l-1.07 1.653-3.5-.098-1.166-1.36Z" fill="#3F3F3F"/><path d="M27.857 10.744s7.486-2.333 8.847 4.667l1.167-2.333-.097-3.209-2.042-2.236-3.208-.778-3.209 2.14-1.458 1.75ZM14.148 10.744s-7.486-2.333-8.847 4.667l-1.166-2.333.097-3.209 2.041-2.236 3.209-.778 3.208 2.14 1.458 1.75Z" fill="#C49858"/><path d="M16.703 22.75a1.167 1.167 0 1 0 0-2.334 1.167 1.167 0 0 0 0 2.333Z" fill="#000"/><path d="M15.172 11.605s-4.484-6.78-8.714-3.974c-3.85 2.556-2.281 8.143.352 9.867" stroke="#000" strokeWidth="1.167" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/><path d="M12.292 34.173c-9.297-3.682-4.58-14.008-4.58-14.008s2.126-5.459 5.45-6.771M29.807 34.173c9.297-3.682 4.58-14.008 4.58-14.008s-2.127-5.459-5.45-6.771" stroke="#000" strokeWidth="1.167" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/><path d="M25.297 22.75a1.167 1.167 0 1 0 0-2.334 1.167 1.167 0 0 0 0 2.333Z" fill="#000"/><path d="m25.372 25.277.91 2.802c.129.476.05.98-.214 1.398-.711 1.122-2.365 2.985-4.818 1.305h-.5c-2.453 1.68-4.107-.183-4.818-1.305a1.754 1.754 0 0 1-.215-1.398l.91-2.802" stroke="#000" strokeWidth="1.167" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/><path d="M23.434 27.956c-.06 1.755-1.637.966-1.637.966L21 28.527l-.797.395s-1.578.788-1.637-.966M26.828 11.605s4.485-6.78 8.714-3.974c3.85 2.556 2.282 8.143-.352 9.867M17.469 33.336s3.026 3.851 7.062.328M14.388 10.472s5.08-2.877 13.024 0M21 30.782v-1.86" stroke="#000" strokeWidth="1.167" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h42v42H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/journal_code.tsx b/frontend/app/components/ui/Icons/journal_code.tsx
index 4b35c2c48..1f137dd7e 100644
--- a/frontend/app/components/ui/Icons/journal_code.tsx
+++ b/frontend/app/components/ui/Icons/journal_code.tsx
@@ -9,13 +9,9 @@ interface Props {
 }
 
 function Journal_code(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z" />
-      <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z" />
-      <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/><path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/><path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/key.tsx b/frontend/app/components/ui/Icons/key.tsx
index 208428984..0fc5b8505 100644
--- a/frontend/app/components/ui/Icons/key.tsx
+++ b/frontend/app/components/ui/Icons/key.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Key(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z" />
-      <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z"/><path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/keyboard.tsx b/frontend/app/components/ui/Icons/keyboard.tsx
index cb0467ea6..f2432f6f1 100644
--- a/frontend/app/components/ui/Icons/keyboard.tsx
+++ b/frontend/app/components/ui/Icons/keyboard.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Keyboard(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z" />
-      <path d="M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75zm2 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75zm-3 0A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 6.75zm0 4a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm2 0a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"/><path d="M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75zm2 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75zm-3 0A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 6.75zm0 4a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25zm2 0a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/layers_half.tsx b/frontend/app/components/ui/Icons/layers_half.tsx
index 3e47dafbb..c354702ca 100644
--- a/frontend/app/components/ui/Icons/layers_half.tsx
+++ b/frontend/app/components/ui/Icons/layers_half.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Layers_half(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/lightbulb.tsx b/frontend/app/components/ui/Icons/lightbulb.tsx
index 7d7f3a9fa..571a09c5d 100644
--- a/frontend/app/components/ui/Icons/lightbulb.tsx
+++ b/frontend/app/components/ui/Icons/lightbulb.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Lightbulb(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 384 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M192 80c0 8.837-7.164 16-16 16-35.29 0-64 28.71-64 64 0 8.837-7.164 16-16 16s-16-7.163-16-16c0-52.935 43.065-96 96-96 8.836 0 16 7.163 16 16zm176 96c0 101.731-51.697 91.541-90.516 192.674a23.722 23.722 0 0 1-5.484 8.369V464h-.018a23.99 23.99 0 0 1-5.241 14.574l-19.535 24.419A24 24 0 0 1 228.465 512h-72.93a24 24 0 0 1-18.741-9.007l-19.535-24.419A23.983 23.983 0 0 1 112.018 464H112v-86.997a24.153 24.153 0 0 1-5.54-8.478c-38.977-101.401-90.897-90.757-90.457-193.822C16.415 78.01 95.306 0 192 0c97.195 0 176 78.803 176 176zM240 448h-96v12.775L159.38 480h65.24L240 460.775V448zm0-64h-96v32h96v-32zm96-208c0-79.59-64.424-144-144-144-79.59 0-144 64.423-144 144 0 87.475 44.144 70.908 86.347 176h115.306C291.779 247.101 336 263.222 336 176z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 384 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M192 80c0 8.837-7.164 16-16 16-35.29 0-64 28.71-64 64 0 8.837-7.164 16-16 16s-16-7.163-16-16c0-52.935 43.065-96 96-96 8.836 0 16 7.163 16 16zm176 96c0 101.731-51.697 91.541-90.516 192.674a23.722 23.722 0 0 1-5.484 8.369V464h-.018a23.99 23.99 0 0 1-5.241 14.574l-19.535 24.419A24 24 0 0 1 228.465 512h-72.93a24 24 0 0 1-18.741-9.007l-19.535-24.419A23.983 23.983 0 0 1 112.018 464H112v-86.997a24.153 24.153 0 0 1-5.54-8.478c-38.977-101.401-90.897-90.757-90.457-193.822C16.415 78.01 95.306 0 192 0c97.195 0 176 78.803 176 176zM240 448h-96v12.775L159.38 480h65.24L240 460.775V448zm0-64h-96v32h96v-32zm96-208c0-79.59-64.424-144-144-144-79.59 0-144 64.423-144 144 0 87.475 44.144 70.908 86.347 176h115.306C291.779 247.101 336 263.222 336 176z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/lightbulb_on.tsx b/frontend/app/components/ui/Icons/lightbulb_on.tsx
index cd86fc67d..4dc28a971 100644
--- a/frontend/app/components/ui/Icons/lightbulb_on.tsx
+++ b/frontend/app/components/ui/Icons/lightbulb_on.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Lightbulb_on(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 640 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M319.45 0C217.44.31 144 83 144 176a175 175 0 0 0 43.56 115.78c16.52 18.85 42.36 58.23 52.21 91.45 0 .26.07.52.11.78h160.24c0-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45A175.9 175.9 0 0 0 319.45 0zm.55 96a80.09 80.09 0 0 0-80 80 16 16 0 0 1-32 0A112.12 112.12 0 0 1 320 64a16 16 0 0 1 0 32z" />
-      <path d="M112.81 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h101.78a209.51 209.51 0 0 1-4.97-64zM40.73 67.71l80.88 46.69a203.27 203.27 0 0 1 28.12-57.66l-77-44.46a16 16 0 0 0-21.86 5.86l-16 27.71a16 16 0 0 0 5.86 21.86zm91 196-91 52.55a16 16 0 0 0-5.86 21.86l16 27.71a16 16 0 0 0 21.86 5.86l94.42-54.51c-.88-1.06-1.83-2.27-2.64-3.18a207.68 207.68 0 0 1-32.76-50.26zm467.52 52.55-91.49-52.82c-8.24 17.65-18.23 34.52-31.28 49.4-1.1 1.26-2.36 2.85-3.59 4.37l94.36 54.48a16 16 0 0 0 21.86-5.86l16-27.71a16 16 0 0 0-5.84-21.83zm0-248.58a16 16 0 0 0 5.86-21.86l-16-27.71a16 16 0 0 0-21.86-5.86l-77.08 44.5a207.31 207.31 0 0 1 28.46 57.47zM240.06 454.35a32 32 0 0 0 5.36 17.65l17.09 25.69A32 32 0 0 0 289.15 512h61.71a32 32 0 0 0 26.64-14.28L394.59 472a32 32 0 0 0 5.41-17.65V416H240zM624 160h-96.81c1.12 14.55 2.18 31.7-5.53 64H624a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 640 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M319.45 0C217.44.31 144 83 144 176a175 175 0 0 0 43.56 115.78c16.52 18.85 42.36 58.23 52.21 91.45 0 .26.07.52.11.78h160.24c0-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45A175.9 175.9 0 0 0 319.45 0zm.55 96a80.09 80.09 0 0 0-80 80 16 16 0 0 1-32 0A112.12 112.12 0 0 1 320 64a16 16 0 0 1 0 32z"/><path d="M112.81 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h101.78a209.51 209.51 0 0 1-4.97-64zM40.73 67.71l80.88 46.69a203.27 203.27 0 0 1 28.12-57.66l-77-44.46a16 16 0 0 0-21.86 5.86l-16 27.71a16 16 0 0 0 5.86 21.86zm91 196-91 52.55a16 16 0 0 0-5.86 21.86l16 27.71a16 16 0 0 0 21.86 5.86l94.42-54.51c-.88-1.06-1.83-2.27-2.64-3.18a207.68 207.68 0 0 1-32.76-50.26zm467.52 52.55-91.49-52.82c-8.24 17.65-18.23 34.52-31.28 49.4-1.1 1.26-2.36 2.85-3.59 4.37l94.36 54.48a16 16 0 0 0 21.86-5.86l16-27.71a16 16 0 0 0-5.84-21.83zm0-248.58a16 16 0 0 0 5.86-21.86l-16-27.71a16 16 0 0 0-21.86-5.86l-77.08 44.5a207.31 207.31 0 0 1 28.46 57.47zM240.06 454.35a32 32 0 0 0 5.36 17.65l17.09 25.69A32 32 0 0 0 289.15 512h61.71a32 32 0 0 0 26.64-14.28L394.59 472a32 32 0 0 0 5.41-17.65V416H240zM624 160h-96.81c1.12 14.55 2.18 31.7-5.53 64H624a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/link_45deg.tsx b/frontend/app/components/ui/Icons/link_45deg.tsx
index e9cb5e122..feb300d27 100644
--- a/frontend/app/components/ui/Icons/link_45deg.tsx
+++ b/frontend/app/components/ui/Icons/link_45deg.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Link_45deg(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
-      <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/><path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/list.tsx b/frontend/app/components/ui/Icons/list.tsx
index 9876018ba..c97195b19 100644
--- a/frontend/app/components/ui/Icons/list.tsx
+++ b/frontend/app/components/ui/Icons/list.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function List(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/list_alt.tsx b/frontend/app/components/ui/Icons/list_alt.tsx
index dc3e8ac53..cfb62dade 100644
--- a/frontend/app/components/ui/Icons/list_alt.tsx
+++ b/frontend/app/components/ui/Icons/list_alt.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function List_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="m21 16-4 4-4-4M17 20V4M3 8l4-4 4 4M7 4v16" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="m21 16-4 4-4-4M17 20V4M3 8l4-4 4 4M7 4v16"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/list_ul.tsx b/frontend/app/components/ui/Icons/list_ul.tsx
index b0a2a678d..32c4c5b00 100644
--- a/frontend/app/components/ui/Icons/list_ul.tsx
+++ b/frontend/app/components/ui/Icons/list_ul.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function List_ul(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/low_disc_space.tsx b/frontend/app/components/ui/Icons/low_disc_space.tsx
index c580bd082..d5aa60aca 100644
--- a/frontend/app/components/ui/Icons/low_disc_space.tsx
+++ b/frontend/app/components/ui/Icons/low_disc_space.tsx
@@ -9,18 +9,9 @@ interface Props {
 }
 
 function Low_disc_space(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 12 12" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path d="M10.714 6.08H5.92V1.286a.107.107 0 0 0-.107-.107h-.348a5.337 5.337 0 0 0-3.787 1.568 5.333 5.333 0 0 0-1.57 3.789 5.336 5.336 0 0 0 1.568 3.787 5.333 5.333 0 0 0 3.79 1.57 5.335 5.335 0 0 0 3.787-1.569 5.333 5.333 0 0 0 1.57-3.788v-.349a.107.107 0 0 0-.108-.107Zm-2.12 3.614a4.441 4.441 0 0 1-3.151 1.288A4.418 4.418 0 0 1 2.319 9.68a4.418 4.418 0 0 1-1.301-3.144c0-1.188.462-2.305 1.301-3.145a4.408 4.408 0 0 1 2.69-1.279v4.879h4.879a4.41 4.41 0 0 1-1.294 2.703Zm3.299-4.358-.035-.378a5.328 5.328 0 0 0-1.543-3.276A5.35 5.35 0 0 0 7.031.142L6.652.107a.106.106 0 0 0-.116.106v5.144c0 .059.048.107.107.107l5.143-.013a.107.107 0 0 0 .107-.115Zm-4.45-.78V1.12a4.45 4.45 0 0 1 2.23 1.202 4.421 4.421 0 0 1 1.204 2.225l-3.433.01Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h12v12H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 12 12" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M10.714 6.08H5.92V1.286a.107.107 0 0 0-.107-.107h-.348a5.337 5.337 0 0 0-3.787 1.568 5.333 5.333 0 0 0-1.57 3.789 5.336 5.336 0 0 0 1.568 3.787 5.333 5.333 0 0 0 3.79 1.57 5.335 5.335 0 0 0 3.787-1.569 5.333 5.333 0 0 0 1.57-3.788v-.349a.107.107 0 0 0-.108-.107Zm-2.12 3.614a4.441 4.441 0 0 1-3.151 1.288A4.418 4.418 0 0 1 2.319 9.68a4.418 4.418 0 0 1-1.301-3.144c0-1.188.462-2.305 1.301-3.145a4.408 4.408 0 0 1 2.69-1.279v4.879h4.879a4.41 4.41 0 0 1-1.294 2.703Zm3.299-4.358-.035-.378a5.328 5.328 0 0 0-1.543-3.276A5.35 5.35 0 0 0 7.031.142L6.652.107a.106.106 0 0 0-.116.106v5.144c0 .059.048.107.107.107l5.143-.013a.107.107 0 0 0 .107-.115Zm-4.45-.78V1.12a4.45 4.45 0 0 1 2.23 1.202 4.421 4.421 0 0 1 1.204 2.225l-3.433.01Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h12v12H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/magic.tsx b/frontend/app/components/ui/Icons/magic.tsx
index 170195d04..81bb1855b 100644
--- a/frontend/app/components/ui/Icons/magic.tsx
+++ b/frontend/app/components/ui/Icons/magic.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Magic(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M9.5 2.672a.5.5 0 1 0 1 0V.843a.5.5 0 0 0-1 0v1.829Zm4.5.035A.5.5 0 0 0 13.293 2L12 3.293a.5.5 0 1 0 .707.707L14 2.707ZM7.293 4A.5.5 0 1 0 8 3.293L6.707 2A.5.5 0 0 0 6 2.707L7.293 4Zm-.621 2.5a.5.5 0 1 0 0-1H4.843a.5.5 0 1 0 0 1h1.829Zm8.485 0a.5.5 0 1 0 0-1h-1.829a.5.5 0 0 0 0 1h1.829ZM13.293 10A.5.5 0 1 0 14 9.293L12.707 8a.5.5 0 1 0-.707.707L13.293 10ZM9.5 11.157a.5.5 0 0 0 1 0V9.328a.5.5 0 0 0-1 0v1.829Zm1.854-5.097a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L8.646 5.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0l1.293-1.293Zm-3 3a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L.646 13.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0L8.354 9.06Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M9.5 2.672a.5.5 0 1 0 1 0V.843a.5.5 0 0 0-1 0v1.829Zm4.5.035A.5.5 0 0 0 13.293 2L12 3.293a.5.5 0 1 0 .707.707L14 2.707ZM7.293 4A.5.5 0 1 0 8 3.293L6.707 2A.5.5 0 0 0 6 2.707L7.293 4Zm-.621 2.5a.5.5 0 1 0 0-1H4.843a.5.5 0 1 0 0 1h1.829Zm8.485 0a.5.5 0 1 0 0-1h-1.829a.5.5 0 0 0 0 1h1.829ZM13.293 10A.5.5 0 1 0 14 9.293L12.707 8a.5.5 0 1 0-.707.707L13.293 10ZM9.5 11.157a.5.5 0 0 0 1 0V9.328a.5.5 0 0 0-1 0v1.829Zm1.854-5.097a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L8.646 5.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0l1.293-1.293Zm-3 3a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L.646 13.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0L8.354 9.06Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/map_marker_alt.tsx b/frontend/app/components/ui/Icons/map_marker_alt.tsx
index d665d60b7..a308e0991 100644
--- a/frontend/app/components/ui/Icons/map_marker_alt.tsx
+++ b/frontend/app/components/ui/Icons/map_marker_alt.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Map_marker_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z" />
-      <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/><path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/memory.tsx b/frontend/app/components/ui/Icons/memory.tsx
index b9a0a7f24..d605c8a88 100644
--- a/frontend/app/components/ui/Icons/memory.tsx
+++ b/frontend/app/components/ui/Icons/memory.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Memory(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 640 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M496 272h32V144h-96v128h64zm-32-96h32v64h-32v-64zm-128 96h32V144h-96v128h64zm-32-96h32v64h-32v-64zm-128 96h32V144h-96v128h64zm-32-96h32v64h-32v-64zm488-16h8V96c0-17.67-14.33-32-32-32H32C14.33 64 0 78.33 0 96v64h8c13.26 0 24 10.74 24 24 0 13.25-10.74 24-24 24H0v240h640V208h-8c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24zm-24 256h-80v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16h-96v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16h-96v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16h-96v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16H32v-64h576v64zm0-282.59c-18.91 9-32 28.3-32 50.59s13.09 41.59 32 50.59V320H32v-85.41c18.9-9 32-28.3 32-50.59s-13.1-41.59-32-50.59V96h576v37.41z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 640 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M496 272h32V144h-96v128h64zm-32-96h32v64h-32v-64zm-128 96h32V144h-96v128h64zm-32-96h32v64h-32v-64zm-128 96h32V144h-96v128h64zm-32-96h32v64h-32v-64zm488-16h8V96c0-17.67-14.33-32-32-32H32C14.33 64 0 78.33 0 96v64h8c13.26 0 24 10.74 24 24 0 13.25-10.74 24-24 24H0v240h640V208h-8c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24zm-24 256h-80v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16h-96v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16h-96v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16h-96v-16c0-8.84-7.16-16-16-16s-16 7.16-16 16v16H32v-64h576v64zm0-282.59c-18.91 9-32 28.3-32 50.59s13.09 41.59 32 50.59V320H32v-85.41c18.9-9 32-28.3 32-50.59s-13.1-41.59-32-50.59V96h576v37.41z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/memory_ios.tsx b/frontend/app/components/ui/Icons/memory_ios.tsx
index 6e99cad6e..f5f799c2c 100644
--- a/frontend/app/components/ui/Icons/memory_ios.tsx
+++ b/frontend/app/components/ui/Icons/memory_ios.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Memory_ios(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.586a1 1 0 0 0 .707-.293l.353-.353a.5.5 0 0 1 .708 0l.353.353a1 1 0 0 0 .707.293H15a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Zm.5 1h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm5 0h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm4.5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4ZM2 10v2H1v-2h1Zm2 0v2H3v-2h1Zm2 0v2H5v-2h1Zm3 0v2H8v-2h1Zm2 0v2h-1v-2h1Zm2 0v2h-1v-2h1Zm2 0v2h-1v-2h1Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.586a1 1 0 0 0 .707-.293l.353-.353a.5.5 0 0 1 .708 0l.353.353a1 1 0 0 0 .707.293H15a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Zm.5 1h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm5 0h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm4.5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4ZM2 10v2H1v-2h1Zm2 0v2H3v-2h1Zm2 0v2H5v-2h1Zm3 0v2H8v-2h1Zm2 0v2h-1v-2h1Zm2 0v2h-1v-2h1Zm2 0v2h-1v-2h1Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/metadata_more.tsx b/frontend/app/components/ui/Icons/metadata_more.tsx
new file mode 100644
index 000000000..69c23530d
--- /dev/null
+++ b/frontend/app/components/ui/Icons/metadata_more.tsx
@@ -0,0 +1,18 @@
+/* Auto-generated, do not edit */
+import React from 'react';
+
+interface Props {
+  size?: number | string;
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
+}
+
+function Metadata_more(props: Props) {
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 -960 960 960" width={ `${ width }px` } height={ `${ height }px` } ><path d="M376.77-220.08q-14.22 0-26.74-6.15-12.53-6.15-21.88-17.77L175.39-443.35q-12.04-17.46-12.04-36.25 0-18.78 12.04-36.44l152.76-199.65q9.35-11.62 21.88-17.77 12.52-6.15 26.74-6.15h398.88q24.86 0 42.57 17.71 17.7 17.72 17.7 42.6v399.24q0 24.87-17.7 42.43-17.71 17.55-42.57 17.55H376.77Zm0-47.96h398.88q5.39 0 8.85-3.46t3.46-8.85v-399q0-5.19-3.46-8.75-3.46-3.55-8.85-3.55H376.66q-3.08 0-5.68 1.15-2.59 1.15-4.32 3.46L214-487.39q-2.69 3.66-2.69 7.79 0 4.14 2.69 7.6l152.77 199.35q1.73 2.3 4.33 3.46 2.59 1.15 5.67 1.15Zm63.49-181.38q12.51 0 21.7-8.84 9.19-8.83 9.19-21.48 0-12.64-8.91-21.74-8.91-9.1-21.48-9.1t-21.66 8.84q-9.1 8.83-9.1 21.48 0 12.64 8.87 21.74 8.87 9.1 21.39 9.1Zm120.8 0q12.52 0 21.71-8.84 9.19-8.83 9.19-21.48 0-12.64-8.91-21.74-8.91-9.1-21.48-9.1t-21.67 8.84q-9.09 8.83-9.09 21.48 0 12.64 8.87 21.74 8.87 9.1 21.38 9.1Zm120.81 0q12.51 0 21.71-8.84 9.19-8.83 9.19-21.48 0-12.64-8.91-21.74-8.91-9.1-21.48-9.1t-21.67 8.84q-9.09 8.83-9.09 21.48 0 12.64 8.87 21.74 8.87 9.1 21.38 9.1ZM499.54-480Z"/></svg>
+  );
+}
+
+export default Metadata_more;
diff --git a/frontend/app/components/ui/Icons/mic.tsx b/frontend/app/components/ui/Icons/mic.tsx
index 5e87276f5..b8e7fe81d 100644
--- a/frontend/app/components/ui/Icons/mic.tsx
+++ b/frontend/app/components/ui/Icons/mic.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Mic(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" />
-      <path d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/><path d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/mic_mute.tsx b/frontend/app/components/ui/Icons/mic_mute.tsx
index 0554c251d..e42945971 100644
--- a/frontend/app/components/ui/Icons/mic_mute.tsx
+++ b/frontend/app/components/ui/Icons/mic_mute.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Mic_mute(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4.02 4.02 0 0 0 12 8V7a.5.5 0 0 1 1 0v1zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a4.973 4.973 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4zm3-9v4.879l-1-1V3a2 2 0 0 0-3.997-.118l-.845-.845A3.001 3.001 0 0 1 11 3z" />
-      <path d="m9.486 10.607-.748-.748A2 2 0 0 1 6 8v-.878l-1-1V8a3 3 0 0 0 4.486 2.607zm-7.84-9.253 12 12 .708-.708-12-12-.708.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4.02 4.02 0 0 0 12 8V7a.5.5 0 0 1 1 0v1zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a4.973 4.973 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4zm3-9v4.879l-1-1V3a2 2 0 0 0-3.997-.118l-.845-.845A3.001 3.001 0 0 1 11 3z"/><path d="m9.486 10.607-.748-.748A2 2 0 0 1 6 8v-.878l-1-1V8a3 3 0 0 0 4.486 2.607zm-7.84-9.253 12 12 .708-.708-12-12-.708.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/minus.tsx b/frontend/app/components/ui/Icons/minus.tsx
index c1b4f26a3..0d8f413e4 100644
--- a/frontend/app/components/ui/Icons/minus.tsx
+++ b/frontend/app/components/ui/Icons/minus.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Minus(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M436 274c6.6 0 12-5.4 12-12v-12c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v12c0 6.6 5.4 12 12 12h424z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M436 274c6.6 0 12-5.4 12-12v-12c0-6.6-5.4-12-12-12H12c-6.6 0-12 5.4-12 12v12c0 6.6 5.4 12 12 12h424z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/mobile.tsx b/frontend/app/components/ui/Icons/mobile.tsx
index 317216b60..e892ecf15 100644
--- a/frontend/app/components/ui/Icons/mobile.tsx
+++ b/frontend/app/components/ui/Icons/mobile.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Mobile(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z" />
-      <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/><path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/mouse_alt.tsx b/frontend/app/components/ui/Icons/mouse_alt.tsx
index e4dae9f72..2a28057a9 100644
--- a/frontend/app/components/ui/Icons/mouse_alt.tsx
+++ b/frontend/app/components/ui/Icons/mouse_alt.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Mouse_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 384 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M224 0h-64A160 160 0 0 0 0 160v192a160 160 0 0 0 160 160h64a160 160 0 0 0 160-160V160A160 160 0 0 0 224 0zm128 352a128.14 128.14 0 0 1-128 128h-64A128.14 128.14 0 0 1 32 352V160A128.14 128.14 0 0 1 160 32h64a128.14 128.14 0 0 1 128 128zM192 80a48.05 48.05 0 0 0-48 48v32a48 48 0 0 0 96 0v-32a48.05 48.05 0 0 0-48-48zm16 80a16 16 0 0 1-32 0v-32a16 16 0 0 1 32 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 384 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M224 0h-64A160 160 0 0 0 0 160v192a160 160 0 0 0 160 160h64a160 160 0 0 0 160-160V160A160 160 0 0 0 224 0zm128 352a128.14 128.14 0 0 1-128 128h-64A128.14 128.14 0 0 1 32 352V160A128.14 128.14 0 0 1 160 32h64a128.14 128.14 0 0 1 128 128zM192 80a48.05 48.05 0 0 0-48 48v32a48 48 0 0 0 96 0v-32a48.05 48.05 0 0 0-48-48zm16 80a16 16 0 0 1-32 0v-32a16 16 0 0 1 32 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/mouse_pointer_click.tsx b/frontend/app/components/ui/Icons/mouse_pointer_click.tsx
index 30bf851ba..67fce92d2 100644
--- a/frontend/app/components/ui/Icons/mouse_pointer_click.tsx
+++ b/frontend/app/components/ui/Icons/mouse_pointer_click.tsx
@@ -9,28 +9,9 @@ interface Props {
 }
 
 function Mouse_pointer_click(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 14 14"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g
-        stroke="currentColor"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      >
-        <path
-          d="m5.25 5.25 2.917 7L9.2 9.201l3.049-1.034-7-2.917Z"
-          fill="currentColor"
-          fillOpacity=".85"
-        />
-        <path d="m9.375 9.375 2.475 2.475M4.193 1.306l.453 1.69m-1.65 1.65-1.69-.453m6.832-1.83L6.9 3.6M3.6 6.9 2.363 8.137" />
-      </g>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 14 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"><path d="m5.25 5.25 2.917 7L9.2 9.201l3.049-1.034-7-2.917Z" fill="currentColor" fillOpacity=".85"/><path d="m9.375 9.375 2.475 2.475M4.193 1.306l.453 1.69m-1.65 1.65-1.69-.453m6.832-1.83L6.9 3.6M3.6 6.9 2.363 8.137"/></g></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/network.tsx b/frontend/app/components/ui/Icons/network.tsx
index ca9fed1da..ece225da5 100644
--- a/frontend/app/components/ui/Icons/network.tsx
+++ b/frontend/app/components/ui/Icons/network.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Network(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 13 14" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path
-          d="M3.649 4.875a.396.396 0 1 0 0-.792.396.396 0 0 0 0 .792ZM2.461 4.48a.396.396 0 1 1-.793 0 .396.396 0 0 1 .793 0Z"
-          fillOpacity=".6"
-        />
-        <path d="M.084 4.083A1.584 1.584 0 0 1 1.668 2.5h9.507a1.584 1.584 0 0 1 1.585 1.584v.792a1.584 1.584 0 0 1-1.585 1.585H6.818v2.377a1.188 1.188 0 0 1 1.188 1.188h4.357a.396.396 0 1 1 0 .792H8.006a1.188 1.188 0 0 1-1.188 1.188h-.792a1.189 1.189 0 0 1-1.189-1.188H.48a.396.396 0 1 1 0-.792h4.357a1.188 1.188 0 0 1 1.189-1.188V6.46H1.668A1.584 1.584 0 0 1 .084 4.875v-.792Zm.792 0v.792a.792.792 0 0 0 .792.793h9.507a.792.792 0 0 0 .792-.793v-.792a.792.792 0 0 0-.792-.792H1.668a.792.792 0 0 0-.792.792Zm4.754 5.942v.792a.396.396 0 0 0 .396.396h.792a.396.396 0 0 0 .396-.396v-.792a.396.396 0 0 0-.396-.396h-.792a.396.396 0 0 0-.396.396Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path transform="translate(.084 .914)" d="M0 0h12.676v12.676H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 13 14" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M3.649 4.875a.396.396 0 1 0 0-.792.396.396 0 0 0 0 .792ZM2.461 4.48a.396.396 0 1 1-.793 0 .396.396 0 0 1 .793 0Z" fillOpacity=".6"/><path d="M.084 4.083A1.584 1.584 0 0 1 1.668 2.5h9.507a1.584 1.584 0 0 1 1.585 1.584v.792a1.584 1.584 0 0 1-1.585 1.585H6.818v2.377a1.188 1.188 0 0 1 1.188 1.188h4.357a.396.396 0 1 1 0 .792H8.006a1.188 1.188 0 0 1-1.188 1.188h-.792a1.189 1.189 0 0 1-1.189-1.188H.48a.396.396 0 1 1 0-.792h4.357a1.188 1.188 0 0 1 1.189-1.188V6.46H1.668A1.584 1.584 0 0 1 .084 4.875v-.792Zm.792 0v.792a.792.792 0 0 0 .792.793h9.507a.792.792 0 0 0 .792-.793v-.792a.792.792 0 0 0-.792-.792H1.668a.792.792 0 0 0-.792.792Zm4.754 5.942v.792a.396.396 0 0 0 .396.396h.792a.396.396 0 0 0 .396-.396v-.792a.396.396 0 0 0-.396-.396h-.792a.396.396 0 0 0-.396.396Z"/></g><defs><clipPath id="a"><path transform="translate(.084 .914)" d="M0 0h12.676v12.676H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/next1.tsx b/frontend/app/components/ui/Icons/next1.tsx
index 6d6314415..91b8e265a 100644
--- a/frontend/app/components/ui/Icons/next1.tsx
+++ b/frontend/app/components/ui/Icons/next1.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Next1(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/no_dashboard.tsx b/frontend/app/components/ui/Icons/no_dashboard.tsx
index e74da403a..ef2a5b814 100644
--- a/frontend/app/components/ui/Icons/no_dashboard.tsx
+++ b/frontend/app/components/ui/Icons/no_dashboard.tsx
@@ -9,24 +9,9 @@ interface Props {
 }
 
 function No_dashboard(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 100 100" width={`${width}px`} height={`${height}px`}>
-      <rect width="100" height="100" rx="13.158" fillOpacity=".08" />
-      <g fillOpacity=".5">
-        <path d="M27.417 33.333a2.083 2.083 0 1 0 0-4.166 2.083 2.083 0 0 0 0 4.166Zm8.333-2.083a2.083 2.083 0 1 1-4.167 0 2.083 2.083 0 0 1 4.167 0Zm4.167 2.083a2.083 2.083 0 1 0 0-4.166 2.083 2.083 0 0 0 0 4.166Z" />
-        <path d="M25.333 20.833A8.333 8.333 0 0 0 17 29.167v41.666a8.334 8.334 0 0 0 8.333 8.334h50a8.333 8.333 0 0 0 8.334-8.334V29.167a8.333 8.333 0 0 0-8.334-8.334h-50ZM79.5 29.167V37.5H21.167v-8.333A4.167 4.167 0 0 1 25.333 25h50a4.167 4.167 0 0 1 4.167 4.167ZM25.333 75a4.167 4.167 0 0 1-4.166-4.167V41.667H79.5v29.166A4.167 4.167 0 0 1 75.333 75h-50Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path
-            fill="#fff"
-            transform="translate(17 20)"
-            d="M0 0h66.667v60H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 100 100" width={ `${ width }px` } height={ `${ height }px` } ><rect width="100" height="100" rx="13.158" fillOpacity=".08"/><g fillOpacity=".5"><path d="M27.417 33.333a2.083 2.083 0 1 0 0-4.166 2.083 2.083 0 0 0 0 4.166Zm8.333-2.083a2.083 2.083 0 1 1-4.167 0 2.083 2.083 0 0 1 4.167 0Zm4.167 2.083a2.083 2.083 0 1 0 0-4.166 2.083 2.083 0 0 0 0 4.166Z"/><path d="M25.333 20.833A8.333 8.333 0 0 0 17 29.167v41.666a8.334 8.334 0 0 0 8.333 8.334h50a8.333 8.333 0 0 0 8.334-8.334V29.167a8.333 8.333 0 0 0-8.334-8.334h-50ZM79.5 29.167V37.5H21.167v-8.333A4.167 4.167 0 0 1 25.333 25h50a4.167 4.167 0 0 1 4.167 4.167ZM25.333 75a4.167 4.167 0 0 1-4.166-4.167V41.667H79.5v29.166A4.167 4.167 0 0 1 75.333 75h-50Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(17 20)" d="M0 0h66.667v60H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/no_metrics.tsx b/frontend/app/components/ui/Icons/no_metrics.tsx
index 9e4052de5..d508cc792 100644
--- a/frontend/app/components/ui/Icons/no_metrics.tsx
+++ b/frontend/app/components/ui/Icons/no_metrics.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function No_metrics(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 100 100" width={`${width}px`} height={`${height}px`}>
-      <rect width="100" height="100" rx="13.158" fillOpacity=".08" />
-      <g fillOpacity=".5">
-        <path d="M36.875 65A1.875 1.875 0 0 1 35 63.125v-7.5a1.875 1.875 0 0 1 1.875-1.875h3.75a1.875 1.875 0 0 1 1.875 1.875v7.5A1.875 1.875 0 0 1 40.625 65h-3.75Zm11.25 0a1.875 1.875 0 0 1-1.875-1.875v-15a1.875 1.875 0 0 1 1.875-1.875h3.75a1.875 1.875 0 0 1 1.875 1.875v15A1.875 1.875 0 0 1 51.875 65h-3.75Zm11.25 0a1.875 1.875 0 0 1-1.875-1.875v-22.5a1.875 1.875 0 0 1 1.875-1.875h3.75A1.875 1.875 0 0 1 65 40.625v22.5A1.875 1.875 0 0 1 63.125 65h-3.75Z" />
-        <path d="M35 20a7.5 7.5 0 0 0-7.5 7.5v45A7.5 7.5 0 0 0 35 80h30a7.5 7.5 0 0 0 7.5-7.5v-45A7.5 7.5 0 0 0 65 20H35Zm0 3.75h30a3.75 3.75 0 0 1 3.75 3.75v45A3.75 3.75 0 0 1 65 76.25H35a3.75 3.75 0 0 1-3.75-3.75v-45A3.75 3.75 0 0 1 35 23.75Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(20 20)" d="M0 0h60v60H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 100 100" width={ `${ width }px` } height={ `${ height }px` } ><rect width="100" height="100" rx="13.158" fillOpacity=".08"/><g fillOpacity=".5"><path d="M36.875 65A1.875 1.875 0 0 1 35 63.125v-7.5a1.875 1.875 0 0 1 1.875-1.875h3.75a1.875 1.875 0 0 1 1.875 1.875v7.5A1.875 1.875 0 0 1 40.625 65h-3.75Zm11.25 0a1.875 1.875 0 0 1-1.875-1.875v-15a1.875 1.875 0 0 1 1.875-1.875h3.75a1.875 1.875 0 0 1 1.875 1.875v15A1.875 1.875 0 0 1 51.875 65h-3.75Zm11.25 0a1.875 1.875 0 0 1-1.875-1.875v-22.5a1.875 1.875 0 0 1 1.875-1.875h3.75A1.875 1.875 0 0 1 65 40.625v22.5A1.875 1.875 0 0 1 63.125 65h-3.75Z"/><path d="M35 20a7.5 7.5 0 0 0-7.5 7.5v45A7.5 7.5 0 0 0 35 80h30a7.5 7.5 0 0 0 7.5-7.5v-45A7.5 7.5 0 0 0 65 20H35Zm0 3.75h30a3.75 3.75 0 0 1 3.75 3.75v45A3.75 3.75 0 0 1 65 76.25H35a3.75 3.75 0 0 1-3.75-3.75v-45A3.75 3.75 0 0 1 35 23.75Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(20 20)" d="M0 0h60v60H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/no_metrics_chart.tsx b/frontend/app/components/ui/Icons/no_metrics_chart.tsx
index 67528ee72..1561bcf05 100644
--- a/frontend/app/components/ui/Icons/no_metrics_chart.tsx
+++ b/frontend/app/components/ui/Icons/no_metrics_chart.tsx
@@ -9,31 +9,9 @@ interface Props {
 }
 
 function No_metrics_chart(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 250 78" width={`${width}px`} height={`${height}px`}>
-      <path
-        clipRule="evenodd"
-        d="m239.854 9.853-58.513 58.8L93.005 29.55 9.44 68.51l-.422-.906L92.995 28.45l88.122 39.01 58.029-58.314.708.706Z"
-        fill="#C2C2C2"
-      />
-      <path
-        d="M9.66 77.694c5.334 0 9.659-4.325 9.659-9.66 0-5.334-4.325-9.66-9.66-9.66C4.325 58.375 0 62.7 0 68.035c0 5.335 4.325 9.66 9.66 9.66Z"
-        fill="#C7CCF9"
-      />
-      <path
-        d="M92.985 38.907c5.334 0 9.659-4.325 9.659-9.66 0-5.334-4.325-9.659-9.66-9.659a9.66 9.66 0 0 0-9.659 9.66 9.66 9.66 0 0 0 9.66 9.66Z"
-        fill="#B4E4E7"
-      />
-      <path
-        d="M180.31 77.694c5.335 0 9.659-4.325 9.659-9.66 0-5.334-4.324-9.66-9.659-9.66-5.335 0-9.66 4.326-9.66 9.66 0 5.335 4.325 9.66 9.66 9.66Z"
-        fill="#C7CCF9"
-      />
-      <path
-        d="M239.659 19.319c5.335 0 9.66-4.325 9.66-9.66 0-5.334-4.325-9.659-9.66-9.659C234.325 0 230 4.325 230 9.66c0 5.334 4.325 9.659 9.659 9.659Z"
-        fill="#B4E4E7"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 250 78" width={ `${ width }px` } height={ `${ height }px` } ><path clipRule="evenodd" d="m239.854 9.853-58.513 58.8L93.005 29.55 9.44 68.51l-.422-.906L92.995 28.45l88.122 39.01 58.029-58.314.708.706Z" fill="#C2C2C2"/><path d="M9.66 77.694c5.334 0 9.659-4.325 9.659-9.66 0-5.334-4.325-9.66-9.66-9.66C4.325 58.375 0 62.7 0 68.035c0 5.335 4.325 9.66 9.66 9.66Z" fill="#C7CCF9"/><path d="M92.985 38.907c5.334 0 9.659-4.325 9.659-9.66 0-5.334-4.325-9.659-9.66-9.659a9.66 9.66 0 0 0-9.659 9.66 9.66 9.66 0 0 0 9.66 9.66Z" fill="#B4E4E7"/><path d="M180.31 77.694c5.335 0 9.659-4.325 9.659-9.66 0-5.334-4.324-9.66-9.659-9.66-5.335 0-9.66 4.326-9.66 9.66 0 5.335 4.325 9.66 9.66 9.66Z" fill="#C7CCF9"/><path d="M239.659 19.319c5.335 0 9.66-4.325 9.66-9.66 0-5.334-4.325-9.659-9.66-9.659C234.325 0 230 4.325 230 9.66c0 5.334 4.325 9.659 9.659 9.659Z" fill="#B4E4E7"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/no_recordings.tsx b/frontend/app/components/ui/Icons/no_recordings.tsx
index 9b266f9ea..d18fab012 100644
--- a/frontend/app/components/ui/Icons/no_recordings.tsx
+++ b/frontend/app/components/ui/Icons/no_recordings.tsx
@@ -9,68 +9,9 @@ interface Props {
 }
 
 function No_recordings(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 250 100" width={`${width}px`} height={`${height}px`}>
-      <rect
-        width="250"
-        height="100"
-        rx="13.158"
-        fill="#3EAAAF"
-        fillOpacity=".08"
-      />
-      <rect
-        opacity=".6"
-        x="86.842"
-        y="28.579"
-        width="138.158"
-        height="14.474"
-        rx="6.579"
-        fillOpacity=".5"
-      />
-      <rect
-        opacity=".3"
-        x="86.842"
-        y="55.579"
-        width="38.158"
-        height="14.474"
-        rx="6.579"
-        fillOpacity=".5"
-      />
-      <rect
-        opacity=".3"
-        x="129.842"
-        y="55.579"
-        width="18.158"
-        height="14.474"
-        rx="6.579"
-        fillOpacity=".5"
-      />
-      <g>
-        <path
-          d="M46 73.625a23.625 23.625 0 1 1 0-47.25 23.625 23.625 0 0 1 0 47.25ZM46 77a27 27 0 1 0 0-54 27 27 0 0 0 0 54Z"
-          fillOpacity=".5"
-        />
-        <g>
-          <path
-            d="M56.125 50a10.125 10.125 0 1 1-20.25 0 10.125 10.125 0 0 1 20.25 0Zm-13.474-4.245a.634.634 0 0 0-.896.896L45.105 50l-3.35 3.349a.636.636 0 0 0 0 .896.634.634 0 0 0 .896 0L46 50.895l3.349 3.35a.636.636 0 0 0 .896 0 .635.635 0 0 0 0-.896L46.895 50l3.35-3.349a.636.636 0 0 0 0-.896.635.635 0 0 0-.896 0L46 49.105l-3.349-3.35Z"
-            fillOpacity=".5"
-          />
-        </g>
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(19 23)" d="M0 0h54v54H0z" />
-        </clipPath>
-        <clipPath id="b">
-          <path
-            fill="#fff"
-            transform="translate(35.875 39.875)"
-            d="M0 0h20.25v20.25H0z"
-          />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 250 100" width={ `${ width }px` } height={ `${ height }px` } ><rect width="250" height="100" rx="13.158" fill="#3EAAAF" fillOpacity=".08"/><rect opacity=".6" x="86.842" y="28.579" width="138.158" height="14.474" rx="6.579" fillOpacity=".5"/><rect opacity=".3" x="86.842" y="55.579" width="38.158" height="14.474" rx="6.579" fillOpacity=".5"/><rect opacity=".3" x="129.842" y="55.579" width="18.158" height="14.474" rx="6.579" fillOpacity=".5"/><g><path d="M46 73.625a23.625 23.625 0 1 1 0-47.25 23.625 23.625 0 0 1 0 47.25ZM46 77a27 27 0 1 0 0-54 27 27 0 0 0 0 54Z" fillOpacity=".5"/><g><path d="M56.125 50a10.125 10.125 0 1 1-20.25 0 10.125 10.125 0 0 1 20.25 0Zm-13.474-4.245a.634.634 0 0 0-.896.896L45.105 50l-3.35 3.349a.636.636 0 0 0 0 .896.634.634 0 0 0 .896 0L46 50.895l3.349 3.35a.636.636 0 0 0 .896 0 .635.635 0 0 0 0-.896L46.895 50l3.35-3.349a.636.636 0 0 0 0-.896.635.635 0 0 0-.896 0L46 49.105l-3.349-3.35Z" fillOpacity=".5"/></g></g><defs><clipPath id="a"><path fill="#fff" transform="translate(19 23)" d="M0 0h54v54H0z"/></clipPath><clipPath id="b"><path fill="#fff" transform="translate(35.875 39.875)" d="M0 0h20.25v20.25H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/orIcn.tsx b/frontend/app/components/ui/Icons/orIcn.tsx
index d014d8f13..d1b90d9b4 100644
--- a/frontend/app/components/ui/Icons/orIcn.tsx
+++ b/frontend/app/components/ui/Icons/orIcn.tsx
@@ -9,31 +9,9 @@ interface Props {
 }
 
 function Oricn(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path d="M3.313 22.657V1.937L21.38 12.213 3.312 22.657Z" fill="#fff" />
-        <path
-          d="M19.657 11.982 4.376 3.014V20.95l15.281-8.968Zm2.085-1.854a2.14 2.14 0 0 1 1.063 1.854 2.14 2.14 0 0 1-1.063 1.854L4.99 23.67c-1.369.804-3.246-.115-3.246-1.854V2.148C1.743.408 3.62-.51 4.99.294l16.753 9.834Z"
-          fill="#122AF5"
-        />
-        <path
-          d="M13.36 11.488a.57.57 0 0 1 0 .988L8.843 15.1c-.369.214-.875-.03-.875-.495V9.36c0-.464.506-.71.875-.495l4.519 2.623Z"
-          fill="#3EAAAF"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h24v24H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M3.313 22.657V1.937L21.38 12.213 3.312 22.657Z" fill="#fff"/><path d="M19.657 11.982 4.376 3.014V20.95l15.281-8.968Zm2.085-1.854a2.14 2.14 0 0 1 1.063 1.854 2.14 2.14 0 0 1-1.063 1.854L4.99 23.67c-1.369.804-3.246-.115-3.246-1.854V2.148C1.743.408 3.62-.51 4.99.294l16.753 9.834Z" fill="#122AF5"/><path d="M13.36 11.488a.57.57 0 0 1 0 .988L8.843 15.1c-.369.214-.875-.03-.875-.495V9.36c0-.464.506-.71.875-.495l4.519 2.623Z" fill="#3EAAAF"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/orSpot.tsx b/frontend/app/components/ui/Icons/orSpot.tsx
index 32aba3698..43c936858 100644
--- a/frontend/app/components/ui/Icons/orSpot.tsx
+++ b/frontend/app/components/ui/Icons/orSpot.tsx
@@ -9,31 +9,9 @@ interface Props {
 }
 
 function Orspot(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <g>
-        <path d="M3.313 22.657V1.937L21.38 12.213 3.312 22.657Z" fill="#fff" />
-        <path
-          d="M19.657 11.982 4.376 3.014V20.95l15.281-8.968Zm2.085-1.854a2.14 2.14 0 0 1 1.063 1.854 2.14 2.14 0 0 1-1.063 1.854L4.99 23.67c-1.369.804-3.246-.115-3.246-1.854V2.148C1.743.408 3.62-.51 4.99.294l16.753 9.834Z"
-          fill="#122AF5"
-        />
-        <path
-          d="M13.36 11.488a.57.57 0 0 1 0 .988L8.843 15.1c-.369.214-.875-.03-.875-.495V9.36c0-.464.506-.71.875-.495l4.519 2.623Z"
-          fill="#3EAAAF"
-        />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h24v24H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M3.313 22.657V1.937L21.38 12.213 3.312 22.657Z" fill="#fff"/><path d="M19.657 11.982 4.376 3.014V20.95l15.281-8.968Zm2.085-1.854a2.14 2.14 0 0 1 1.063 1.854 2.14 2.14 0 0 1-1.063 1.854L4.99 23.67c-1.369.804-3.246-.115-3.246-1.854V2.148C1.743.408 3.62-.51 4.99.294l16.753 9.834Z" fill="#122AF5"/><path d="M13.36 11.488a.57.57 0 0 1 0 .988L8.843 15.1c-.369.214-.875-.03-.875-.495V9.36c0-.464.506-.71.875-.495l4.519 2.623Z" fill="#3EAAAF"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/orspotOutline.tsx b/frontend/app/components/ui/Icons/orspotOutline.tsx
index ccd10fe72..45c9a3063 100644
--- a/frontend/app/components/ui/Icons/orspotOutline.tsx
+++ b/frontend/app/components/ui/Icons/orspotOutline.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Orspotoutline(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <circle cx="12" cy="12" r="10" />
-      <circle cx="12" cy="12" r="1" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="1"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os.tsx b/frontend/app/components/ui/Icons/os.tsx
index 7c27515f7..811ecff76 100644
--- a/frontend/app/components/ui/Icons/os.tsx
+++ b/frontend/app/components/ui/Icons/os.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm-.348-6.563c0 .696-.218 1.272-.654 1.729-.436.457-1.002.686-1.697.686-.683 0-1.237-.229-1.662-.686C3.213 9.709 3 9.133 3 8.437V7.415c0-.693.213-1.268.639-1.726C4.064 5.229 4.617 5 5.297 5c.695 0 1.262.23 1.7.688.437.458.655 1.033.655 1.726v1.024Zm-.945-1.03c0-.475-.127-.864-.38-1.169-.255-.304-.598-.457-1.03-.457-.417 0-.746.153-.988.457-.243.305-.364.694-.364 1.168v1.032c0 .479.121.871.364 1.177.242.306.573.46.992.46.435 0 .778-.153 1.03-.458.25-.305.376-.698.376-1.18v-1.03Zm5.055 1.902a.732.732 0 0 0-.264-.582c-.176-.151-.486-.287-.932-.407-.635-.166-1.124-.387-1.466-.662a1.318 1.318 0 0 1-.514-1.08c0-.458.19-.836.568-1.133.38-.297.868-.445 1.467-.445.625 0 1.127.168 1.506.504.379.336.562.74.549 1.21l-.008.024h-.91a.916.916 0 0 0-.297-.709c-.198-.18-.48-.271-.848-.271-.346 0-.612.075-.799.226a.72.72 0 0 0-.279.586c0 .216.101.396.303.54.202.143.536.278 1.002.406.612.164 1.077.39 1.394.68.318.288.477.657.477 1.105 0 .474-.19.85-.568 1.13-.38.28-.877.42-1.495.42-.593 0-1.114-.156-1.562-.47a1.447 1.447 0 0 1-.652-1.291l.007-.024h.914c0 .347.12.605.36.776.24.17.55.256.933.256.352 0 .625-.071.82-.213a.676.676 0 0 0 .294-.576Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm-.348-6.563c0 .696-.218 1.272-.654 1.729-.436.457-1.002.686-1.697.686-.683 0-1.237-.229-1.662-.686C3.213 9.709 3 9.133 3 8.437V7.415c0-.693.213-1.268.639-1.726C4.064 5.229 4.617 5 5.297 5c.695 0 1.262.23 1.7.688.437.458.655 1.033.655 1.726v1.024Zm-.945-1.03c0-.475-.127-.864-.38-1.169-.255-.304-.598-.457-1.03-.457-.417 0-.746.153-.988.457-.243.305-.364.694-.364 1.168v1.032c0 .479.121.871.364 1.177.242.306.573.46.992.46.435 0 .778-.153 1.03-.458.25-.305.376-.698.376-1.18v-1.03Zm5.055 1.902a.732.732 0 0 0-.264-.582c-.176-.151-.486-.287-.932-.407-.635-.166-1.124-.387-1.466-.662a1.318 1.318 0 0 1-.514-1.08c0-.458.19-.836.568-1.133.38-.297.868-.445 1.467-.445.625 0 1.127.168 1.506.504.379.336.562.74.549 1.21l-.008.024h-.91a.916.916 0 0 0-.297-.709c-.198-.18-.48-.271-.848-.271-.346 0-.612.075-.799.226a.72.72 0 0 0-.279.586c0 .216.101.396.303.54.202.143.536.278 1.002.406.612.164 1.077.39 1.394.68.318.288.477.657.477 1.105 0 .474-.19.85-.568 1.13-.38.28-.877.42-1.495.42-.593 0-1.114-.156-1.562-.47a1.447 1.447 0 0 1-.652-1.291l.007-.024h.914c0 .347.12.605.36.776.24.17.55.256.933.256.352 0 .625-.071.82-.213a.676.676 0 0 0 .294-.576Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_android.tsx b/frontend/app/components/ui/Icons/os_android.tsx
index da22a5d38..c834384c2 100644
--- a/frontend/app/components/ui/Icons/os_android.tsx
+++ b/frontend/app/components/ui/Icons/os_android.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_android(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 419 519" width={`${width}px`} height={`${height}px`}>
-      <path d="M271.926 51.66C315.852 74.373 345.991 120.142 346 172.9c0 5.033-4.077 9.1-9.1 9.1H82.1a9.097 9.097 0 0 1-9.1-9.1c0-52.767 30.148-98.537 74.074-121.24L124.351 13.79c-2.584-4.313-1.192-9.9 3.122-12.484 4.313-2.585 9.9-1.202 12.485 3.12l23.978 39.965c14.278-5.077 29.566-7.99 45.564-7.99 15.998 0 31.286 2.913 45.564 7.99l23.978-39.964a9.08 9.08 0 0 1 12.485-3.121c4.314 2.584 5.706 8.17 3.122 12.484L271.926 51.66ZM91.546 163.801h235.908C322.795 102.808 271.671 54.61 209.5 54.61c-62.171 0-113.295 48.2-117.954 109.192ZM273.993 104a6.006 6.006 0 0 1 6.007 6v12c0 3.314-2.685 6-5.998 6h-12.004a5.998 5.998 0 0 1-5.998-6v-12c0-3.314 2.685-6 5.998-6h11.995Zm-116.99 0a5.998 5.998 0 0 1 5.997 6v12c0 3.314-2.685 6-5.998 6h-12.004a5.998 5.998 0 0 1-5.998-6v-12c0-3.314 2.685-6 5.998-6h12.004ZM336.9 191c5.032 0 9.1 4.073 9.1 9.111v183.78c0 24.263-19.729 43.998-43.99 43.998H291.4v54.721c0 20.063-16.325 36.39-36.4 36.39s-36.4-16.327-36.4-36.39V427.89h-18.2v54.721c0 20.063-16.325 36.39-36.4 36.39s-36.4-16.327-36.4-36.39V427.89h-10.61c-24.252 0-43.99-19.735-43.99-43.998v-183.78c0-5.038 4.077-9.111 9.1-9.111h254.8Zm-9.1 192.891V209.222H91.2v174.67c0 14.204 11.575 25.775 25.799 25.775H136.7c5.023 0 9.1 4.072 9.1 9.11v63.833c0 10.013 8.163 18.168 18.2 18.168 10.037 0 18.2-8.146 18.2-18.168v-63.832c0-5.039 4.077-9.111 9.1-9.111h36.4c5.023 0 9.1 4.072 9.1 9.11v63.833c0 10.013 8.163 18.168 18.2 18.168 10.037 0 18.2-8.146 18.2-18.168v-63.832c0-5.039 4.077-9.111 9.1-9.111h19.71c14.224 0 25.79-11.562 25.79-25.776ZM387.5 191c17.37 0 31.5 14.298 31.5 31.87v127.26c0 17.572-14.13 31.87-31.5 31.87-17.37 0-31.5-14.298-31.5-31.87V222.87c0-17.572 14.13-31.87 31.5-31.87ZM401 350.13V222.87c0-7.54-6.057-13.68-13.5-13.68s-13.5 6.14-13.5 13.68v127.26c0 7.54 6.057 13.68 13.5 13.68s13.5-6.14 13.5-13.68ZM31.5 191c17.37 0 31.5 14.298 31.5 31.87v127.26C63 367.702 48.87 382 31.5 382 14.13 382 0 367.702 0 350.13V222.87C0 205.298 14.13 191 31.5 191ZM45 350.13V222.87c0-7.54-6.057-13.68-13.5-13.68S18 215.33 18 222.87v127.26c0 7.54 6.057 13.68 13.5 13.68S45 357.67 45 350.13Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 419 519" width={ `${ width }px` } height={ `${ height }px` } ><path d="M271.926 51.66C315.852 74.373 345.991 120.142 346 172.9c0 5.033-4.077 9.1-9.1 9.1H82.1a9.097 9.097 0 0 1-9.1-9.1c0-52.767 30.148-98.537 74.074-121.24L124.351 13.79c-2.584-4.313-1.192-9.9 3.122-12.484 4.313-2.585 9.9-1.202 12.485 3.12l23.978 39.965c14.278-5.077 29.566-7.99 45.564-7.99 15.998 0 31.286 2.913 45.564 7.99l23.978-39.964a9.08 9.08 0 0 1 12.485-3.121c4.314 2.584 5.706 8.17 3.122 12.484L271.926 51.66ZM91.546 163.801h235.908C322.795 102.808 271.671 54.61 209.5 54.61c-62.171 0-113.295 48.2-117.954 109.192ZM273.993 104a6.006 6.006 0 0 1 6.007 6v12c0 3.314-2.685 6-5.998 6h-12.004a5.998 5.998 0 0 1-5.998-6v-12c0-3.314 2.685-6 5.998-6h11.995Zm-116.99 0a5.998 5.998 0 0 1 5.997 6v12c0 3.314-2.685 6-5.998 6h-12.004a5.998 5.998 0 0 1-5.998-6v-12c0-3.314 2.685-6 5.998-6h12.004ZM336.9 191c5.032 0 9.1 4.073 9.1 9.111v183.78c0 24.263-19.729 43.998-43.99 43.998H291.4v54.721c0 20.063-16.325 36.39-36.4 36.39s-36.4-16.327-36.4-36.39V427.89h-18.2v54.721c0 20.063-16.325 36.39-36.4 36.39s-36.4-16.327-36.4-36.39V427.89h-10.61c-24.252 0-43.99-19.735-43.99-43.998v-183.78c0-5.038 4.077-9.111 9.1-9.111h254.8Zm-9.1 192.891V209.222H91.2v174.67c0 14.204 11.575 25.775 25.799 25.775H136.7c5.023 0 9.1 4.072 9.1 9.11v63.833c0 10.013 8.163 18.168 18.2 18.168 10.037 0 18.2-8.146 18.2-18.168v-63.832c0-5.039 4.077-9.111 9.1-9.111h36.4c5.023 0 9.1 4.072 9.1 9.11v63.833c0 10.013 8.163 18.168 18.2 18.168 10.037 0 18.2-8.146 18.2-18.168v-63.832c0-5.039 4.077-9.111 9.1-9.111h19.71c14.224 0 25.79-11.562 25.79-25.776ZM387.5 191c17.37 0 31.5 14.298 31.5 31.87v127.26c0 17.572-14.13 31.87-31.5 31.87-17.37 0-31.5-14.298-31.5-31.87V222.87c0-17.572 14.13-31.87 31.5-31.87ZM401 350.13V222.87c0-7.54-6.057-13.68-13.5-13.68s-13.5 6.14-13.5 13.68v127.26c0 7.54 6.057 13.68 13.5 13.68s13.5-6.14 13.5-13.68ZM31.5 191c17.37 0 31.5 14.298 31.5 31.87v127.26C63 367.702 48.87 382 31.5 382 14.13 382 0 367.702 0 350.13V222.87C0 205.298 14.13 191 31.5 191ZM45 350.13V222.87c0-7.54-6.057-13.68-13.5-13.68S18 215.33 18 222.87v127.26c0 7.54 6.057 13.68 13.5 13.68S45 357.67 45 350.13Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_chrome_os.tsx b/frontend/app/components/ui/Icons/os_chrome_os.tsx
index ce9a90fdc..52340e37b 100644
--- a/frontend/app/components/ui/Icons/os_chrome_os.tsx
+++ b/frontend/app/components/ui/Icons/os_chrome_os.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_chrome_os(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 517 517" width={`${width}px`} height={`${height}px`}>
-      <path d="M148.978 223c8.725-25.136 24.616-44.93 47.674-59.383 23.058-14.453 48.297-21.05 75.718-19.794L464 154.191c-20.565-41.474-50.79-73.835-90.674-97.086C337.181 36.368 298.232 26 256.478 26c-34.275 0-67.304 7.54-99.087 22.622C125.61 63.703 98.811 85.068 77 112.718L148.978 223Zm61.483-37.353c-18.07 11.327-30.15 26.373-36.92 45.879l-17.375 50.057-111.15-170.3 11.571-14.668C77 67 110.845 41.93 146.245 25.132 181.488 8.41 218.321 0 256.478 0c46.292 0 89.702 11.556 129.787 34.553l.155.09c44.282 25.814 78.05 61.971 100.874 107.998l19.794 39.92-236.01-12.77c-22.108-.994-42.08 4.237-60.617 15.856ZM179 258.5c0 21.806 7.583 40.34 22.75 55.604C216.917 329.368 235.333 337 257 337s40.083-7.632 55.25-22.896C327.417 298.84 335 280.306 335 258.5c0-21.806-7.583-40.34-22.75-55.604C297.083 187.632 278.667 180 257 180s-40.083 7.632-55.25 22.896C186.583 218.16 179 236.694 179 258.5Zm-26 0c0-28.647 10.282-53.777 30.307-73.93C203.363 164.384 228.422 154 257 154c28.578 0 53.637 10.384 73.693 30.57C350.718 204.723 361 229.853 361 258.5c0 28.647-10.282 53.777-30.307 73.93C310.637 352.616 285.578 363 257 363c-28.578 0-53.637-10.384-73.693-30.57C163.282 312.277 153 287.147 153 258.5ZM474.853 175l-129.839 6.535c17.437 20.54 26.466 44.348 27.089 71.424.623 27.075-6.539 52.128-21.484 75.157L246 489.636c46.082 2.49 89.05-7.78 128.905-30.81 33.005-19.296 59.47-44.504 79.398-75.625 19.928-31.121 31.76-65.043 35.496-101.766 3.736-36.724-1.245-72.201-14.946-106.435Zm24.14-11.66c15.26 38.132 20.834 79.828 16.672 120.726-4.149 40.78-17.341 78.602-39.466 113.155-22.164 34.616-51.648 62.698-88.172 84.05l-.113.067c-44.226 25.555-92.201 37.021-143.317 34.26-10.485-.58-18.184-1.113-23.097-1.598-5.048-.498-12.29-1.44-21.725-2.824l24.403-35.675 104.63-161.538c12.111-18.661 17.804-38.576 17.302-60.406-.486-21.128-7.342-39.204-20.917-55.195l-34.08-40.146 200.98-10.117 6.9 15.24ZM151.164 304.41 63.363 132C38.454 170.73 26 213.207 26 259.433c0 38.105 8.562 73.555 25.687 106.35 17.124 32.796 40.632 60.125 70.522 81.989 29.89 21.863 63.205 35.606 99.945 41.228L281 371.874c-26.154 4.997-51.218 1.093-75.192-11.713-23.975-12.805-42.189-31.39-54.643-55.752Zm66.892 32.818c18.76 10.02 37.782 12.983 58.063 9.108l51.778-9.894L239.5 516.5l-21.279-1.8c-40.865-6.253-78.097-21.61-111.362-45.943-33.108-24.217-59.249-54.608-78.22-90.94C9.56 341.28 0 301.698 0 259.434c0-51.208 13.886-98.568 41.495-141.497L70.5 79.5l103.824 213.092c10.042 19.637 24.454 34.338 43.733 44.636Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 517 517" width={ `${ width }px` } height={ `${ height }px` } ><path d="M148.978 223c8.725-25.136 24.616-44.93 47.674-59.383 23.058-14.453 48.297-21.05 75.718-19.794L464 154.191c-20.565-41.474-50.79-73.835-90.674-97.086C337.181 36.368 298.232 26 256.478 26c-34.275 0-67.304 7.54-99.087 22.622C125.61 63.703 98.811 85.068 77 112.718L148.978 223Zm61.483-37.353c-18.07 11.327-30.15 26.373-36.92 45.879l-17.375 50.057-111.15-170.3 11.571-14.668C77 67 110.845 41.93 146.245 25.132 181.488 8.41 218.321 0 256.478 0c46.292 0 89.702 11.556 129.787 34.553l.155.09c44.282 25.814 78.05 61.971 100.874 107.998l19.794 39.92-236.01-12.77c-22.108-.994-42.08 4.237-60.617 15.856ZM179 258.5c0 21.806 7.583 40.34 22.75 55.604C216.917 329.368 235.333 337 257 337s40.083-7.632 55.25-22.896C327.417 298.84 335 280.306 335 258.5c0-21.806-7.583-40.34-22.75-55.604C297.083 187.632 278.667 180 257 180s-40.083 7.632-55.25 22.896C186.583 218.16 179 236.694 179 258.5Zm-26 0c0-28.647 10.282-53.777 30.307-73.93C203.363 164.384 228.422 154 257 154c28.578 0 53.637 10.384 73.693 30.57C350.718 204.723 361 229.853 361 258.5c0 28.647-10.282 53.777-30.307 73.93C310.637 352.616 285.578 363 257 363c-28.578 0-53.637-10.384-73.693-30.57C163.282 312.277 153 287.147 153 258.5ZM474.853 175l-129.839 6.535c17.437 20.54 26.466 44.348 27.089 71.424.623 27.075-6.539 52.128-21.484 75.157L246 489.636c46.082 2.49 89.05-7.78 128.905-30.81 33.005-19.296 59.47-44.504 79.398-75.625 19.928-31.121 31.76-65.043 35.496-101.766 3.736-36.724-1.245-72.201-14.946-106.435Zm24.14-11.66c15.26 38.132 20.834 79.828 16.672 120.726-4.149 40.78-17.341 78.602-39.466 113.155-22.164 34.616-51.648 62.698-88.172 84.05l-.113.067c-44.226 25.555-92.201 37.021-143.317 34.26-10.485-.58-18.184-1.113-23.097-1.598-5.048-.498-12.29-1.44-21.725-2.824l24.403-35.675 104.63-161.538c12.111-18.661 17.804-38.576 17.302-60.406-.486-21.128-7.342-39.204-20.917-55.195l-34.08-40.146 200.98-10.117 6.9 15.24ZM151.164 304.41 63.363 132C38.454 170.73 26 213.207 26 259.433c0 38.105 8.562 73.555 25.687 106.35 17.124 32.796 40.632 60.125 70.522 81.989 29.89 21.863 63.205 35.606 99.945 41.228L281 371.874c-26.154 4.997-51.218 1.093-75.192-11.713-23.975-12.805-42.189-31.39-54.643-55.752Zm66.892 32.818c18.76 10.02 37.782 12.983 58.063 9.108l51.778-9.894L239.5 516.5l-21.279-1.8c-40.865-6.253-78.097-21.61-111.362-45.943-33.108-24.217-59.249-54.608-78.22-90.94C9.56 341.28 0 301.698 0 259.434c0-51.208 13.886-98.568 41.495-141.497L70.5 79.5l103.824 213.092c10.042 19.637 24.454 34.338 43.733 44.636Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_fedora.tsx b/frontend/app/components/ui/Icons/os_fedora.tsx
index 3fbd07cce..9a928254e 100644
--- a/frontend/app/components/ui/Icons/os_fedora.tsx
+++ b/frontend/app/components/ui/Icons/os_fedora.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_fedora(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 204.7 200.9" width={`${width}px`} height={`${height}px`}>
-      <path d="M102.7 1.987c-55.41 0-100.3 44.21-100.4 98.79h-.018v76.47H2.3c.027 12.38 10.22 22.4 22.8 22.4h77.58c55.42-.035 100.3-44.24 100.3-98.79 0-54.58-44.91-98.79-100.4-98.79zm20.39 40.68c16.85 0 32.76 12.7 32.76 30.23 0 1.625.01 3.252-.26 5.095-.467 4.662-4.794 8.012-9.505 7.355-4.711-.665-7.909-5.07-7.037-9.679.08-.526.108-1.352.108-2.772 0-9.938-8.257-13.77-16.06-13.77-7.805 0-14.84 6.462-14.85 13.77.135 8.455 0 16.84 0 25.29l14.49-.107c11.31-.23 11.44 16.54.13 16.46l-14.61.107c-.035 6.801.054 5.571.019 8.996 0 0 .122 8.318-.13 14.62-1.749 18.52-17.76 33.32-37 33.32-20.4 0-37.2-16.41-37.2-36.54.612-20.7 17.38-36.99 38.5-36.8l11.78-.087v16.43l-11.78.106h-.062c-11.6.338-21.55 8.1-21.74 20.34 0 11.15 9.148 20.08 20.5 20.08 11.34 0 20.42-8.124 20.42-20.06l-.018-62.23c.006-1.155.044-2.073.173-3.347 1.914-15.22 15.74-26.82 31.39-26.82z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 204.7 200.9" width={ `${ width }px` } height={ `${ height }px` } ><path d="M102.7 1.987c-55.41 0-100.3 44.21-100.4 98.79h-.018v76.47H2.3c.027 12.38 10.22 22.4 22.8 22.4h77.58c55.42-.035 100.3-44.24 100.3-98.79 0-54.58-44.91-98.79-100.4-98.79zm20.39 40.68c16.85 0 32.76 12.7 32.76 30.23 0 1.625.01 3.252-.26 5.095-.467 4.662-4.794 8.012-9.505 7.355-4.711-.665-7.909-5.07-7.037-9.679.08-.526.108-1.352.108-2.772 0-9.938-8.257-13.77-16.06-13.77-7.805 0-14.84 6.462-14.85 13.77.135 8.455 0 16.84 0 25.29l14.49-.107c11.31-.23 11.44 16.54.13 16.46l-14.61.107c-.035 6.801.054 5.571.019 8.996 0 0 .122 8.318-.13 14.62-1.749 18.52-17.76 33.32-37 33.32-20.4 0-37.2-16.41-37.2-36.54.612-20.7 17.38-36.99 38.5-36.8l11.78-.087v16.43l-11.78.106h-.062c-11.6.338-21.55 8.1-21.74 20.34 0 11.15 9.148 20.08 20.5 20.08 11.34 0 20.42-8.124 20.42-20.06l-.018-62.23c.006-1.155.044-2.073.173-3.347 1.914-15.22 15.74-26.82 31.39-26.82z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_ios.tsx b/frontend/app/components/ui/Icons/os_ios.tsx
index 6c33ef158..b21c32bb5 100644
--- a/frontend/app/components/ui/Icons/os_ios.tsx
+++ b/frontend/app/components/ui/Icons/os_ios.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_ios(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 50 50" width={`${width}px`} height={`${height}px`}>
-      <path d="M15 3C8.385 3 3 8.385 3 15v20c0 6.615 5.385 12 12 12h20c6.615 0 12-5.385 12-12V15c0-6.615-5.385-12-12-12H15zm0 2h20c5.535 0 10 4.465 10 10v20c0 5.535-4.465 10-10 10H15C9.465 45 5 40.535 5 35V15C5 9.465 9.465 5 15 5zm-3.385 13.066c-.703 0-1.22.502-1.22 1.16 0 .65.517 1.151 1.22 1.151s1.223-.5 1.223-1.15c0-.66-.52-1.16-1.223-1.16zm10.422.57c-3.639 0-5.924 2.55-5.924 6.645 0 4.087 2.241 6.653 5.924 6.653 3.674 0 5.906-2.575 5.906-6.653 0-4.087-2.25-6.643-5.906-6.644zm12.93 0c-2.768 0-4.615 1.503-4.615 3.762 0 1.863 1.045 2.972 3.34 3.508l1.634.397c1.68.395 2.418.974 2.418 1.941 0 1.125-1.16 1.942-2.742 1.942-1.695 0-2.873-.764-3.041-1.967h-1.953c.14 2.268 2.03 3.717 4.842 3.717 3.006 0 4.886-1.52 4.886-3.946 0-1.907-1.072-2.962-3.673-3.568l-1.397-.344c-1.652-.387-2.32-.905-2.32-1.81 0-1.143 1.037-1.89 2.593-1.89 1.477 0 2.495.728 2.68 1.897h1.916c-.114-2.136-1.993-3.638-4.568-3.638zm-12.93 1.837c2.41 0 3.895 1.864 3.895 4.808 0 2.926-1.487 4.817-3.895 4.817-2.434 0-3.91-1.89-3.91-4.817 0-2.944 1.52-4.807 3.91-4.808zm-11.361 1.584v9.57h1.88v-9.57h-1.88z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 50 50" width={ `${ width }px` } height={ `${ height }px` } ><path d="M15 3C8.385 3 3 8.385 3 15v20c0 6.615 5.385 12 12 12h20c6.615 0 12-5.385 12-12V15c0-6.615-5.385-12-12-12H15zm0 2h20c5.535 0 10 4.465 10 10v20c0 5.535-4.465 10-10 10H15C9.465 45 5 40.535 5 35V15C5 9.465 9.465 5 15 5zm-3.385 13.066c-.703 0-1.22.502-1.22 1.16 0 .65.517 1.151 1.22 1.151s1.223-.5 1.223-1.15c0-.66-.52-1.16-1.223-1.16zm10.422.57c-3.639 0-5.924 2.55-5.924 6.645 0 4.087 2.241 6.653 5.924 6.653 3.674 0 5.906-2.575 5.906-6.653 0-4.087-2.25-6.643-5.906-6.644zm12.93 0c-2.768 0-4.615 1.503-4.615 3.762 0 1.863 1.045 2.972 3.34 3.508l1.634.397c1.68.395 2.418.974 2.418 1.941 0 1.125-1.16 1.942-2.742 1.942-1.695 0-2.873-.764-3.041-1.967h-1.953c.14 2.268 2.03 3.717 4.842 3.717 3.006 0 4.886-1.52 4.886-3.946 0-1.907-1.072-2.962-3.673-3.568l-1.397-.344c-1.652-.387-2.32-.905-2.32-1.81 0-1.143 1.037-1.89 2.593-1.89 1.477 0 2.495.728 2.68 1.897h1.916c-.114-2.136-1.993-3.638-4.568-3.638zm-12.93 1.837c2.41 0 3.895 1.864 3.895 4.808 0 2.926-1.487 4.817-3.895 4.817-2.434 0-3.91-1.89-3.91-4.817 0-2.944 1.52-4.807 3.91-4.808zm-11.361 1.584v9.57h1.88v-9.57h-1.88z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_linux.tsx b/frontend/app/components/ui/Icons/os_linux.tsx
index 0797799be..c02c89370 100644
--- a/frontend/app/components/ui/Icons/os_linux.tsx
+++ b/frontend/app/components/ui/Icons/os_linux.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_linux(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 423 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M182 123.063c0-1.25 1.039-2.188 3.117-2.813 2.77-1.25 4.675-1.563 5.714-.937 1.04.625 1.385 1.093 1.04 1.406-.347.312-1.213.781-2.598 1.406l-2.078.938c-.693.625-1.732.937-3.117.937s-2.078-.312-2.078-.937Zm23.688-.938-1.558-1.406c-.346-.313 0-.781 1.039-1.406 1.039-.626 2.944-.313 5.714.937 2.078.625 3.117 1.406 3.117 2.344 0 .937-.693 1.406-2.078 1.406-1.385 0-2.424-.312-3.117-.937l-1.039-.938h-2.078ZM423 432.879c-.667 7.332-5.332 13.663-13.997 18.995-3.333 1.333-8.332 3.999-14.997 7.998-17.997 7.997-29.994 15.995-35.993 23.993l-3-2 3 2c-14.664 17.329-30.994 26.66-48.99 27.992-7.999.667-15.664-1-22.996-4.998-7.332-4-12.997-9.998-16.997-17.995-.666-2-1.333-4.333-2-6.998-7.998.666-18.662 0-31.993-2-11.331-2-18.996-2.666-22.995-2-7.999.667-17.997 2-29.995 4-8.665 1.999-14.997 2.999-18.996 2.999-4.666 10.663-13.33 17.328-25.995 19.994-16.663 3.999-35.326.333-55.989-10.997l2-2.999-2 3c-7.998-4-21.662-7.332-40.992-9.998-7.998-.666-13.997-1.333-17.996-2-9.998-1.999-16.663-6.331-19.996-12.996-3.333-6.665-2.666-16.995 2-30.991 1.333-3.333 1.333-9.664 0-18.995l-1-2c-.667-5.331-1-9.33-1-11.996 0-4.665 1-8.664 3-11.997 3.332-6.664 9.33-11.663 17.996-14.995l3-1c7.331-2 12.33-4.332 14.996-6.998l6-7.998c3.998-5.998 7.33-9.997 9.997-11.997-2.666-15.995-.666-33.657 5.999-52.985 9.998-30.658 29.327-62.982 57.988-96.973 7.999-10.664 13.664-21.327 16.997-31.99 3.333-9.332 5.332-20.328 5.999-32.992 0-3.332-.333-9.664-1-18.994-1.333-20.661-1.333-36.99 0-48.987 2-19.994 8.332-35.323 18.996-45.987C175.382 6.998 195.378 0 222.04 0c23.328 0 41.325 7.331 53.989 21.994 9.998 11.997 16.663 28.658 19.996 49.986 1.333 12.663 2 30.658 2 53.985v4.998c-.667 13.33 2.332 26.326 8.998 38.99 4.666 7.33 12.33 17.994 22.995 31.99l1 1c21.996 26.66 37.66 51.653 46.99 74.98 10.665 27.992 11.665 54.318 3 78.977l4 2 3.999 2.999c4.665 3.332 8.331 10.664 10.998 21.994v1c2.666 9.997 4.999 16.328 6.998 18.994 10.665 11.997 15.664 21.66 14.997 28.992h1ZM207.574 108c5.357 1.333 9.71 3 13.059 5-1.34-6-.67-11.5 2.009-16.5 2.678-5 6.027-7.333 10.045-7 4.018.333 7.031 3.5 9.04 9.5 2.01 6 2.01 12 0 18l-4.018 4c6.027 2 10.045 3.667 12.054 5 4.688-4.667 7.366-10.833 8.036-18.5.67-7.667-.335-14.833-3.013-21.5-5.358-10.667-12.891-16-22.602-16-9.71 0-16.909 5.333-21.596 16-3.349 7.333-4.353 14.667-3.014 22Zm-45.725 19c.667-.667 1.834-1.667 3.501-3l2.5-2v-1c-4-3.333-5.834-8.667-5.5-16 .333-7.333 2.333-11.167 6.001-11.5 3.668-.333 6.502 1.667 8.503 6 2 4.333 2.667 8.833 2 13.5 2.668-2 6.002-3.667 10.003-5 .667-9.333-1-17.167-5.001-23.5-4.002-6.333-8.836-9.5-14.505-9.5-5.668 0-10.17 3.333-13.504 10-3.334 6.667-4.501 14.167-3.5 22.5 1 8.333 4.167 14.833 9.502 19.5Zm-10.35 21.866c2 5.315 6.998 10.296 14.995 14.946 2 1.329 4.999 3.82 8.997 7.473 3.999 3.654 7.497 6.145 10.496 7.473 3 1.329 6.498 1.993 10.497 1.993 5.331.664 10.33 0 14.994-1.993 2.666-1.328 6.498-3.487 11.496-6.476 4.998-2.99 8.83-5.148 11.496-6.477 11.996-3.321 19.493-9.133 22.492-17.437 2.999-8.303-.5-14.447-10.496-18.433l-11.996-3.986c-4.665-1.992-8.33-3.653-10.996-4.981-9.33-5.979-18.16-8.968-26.49-8.968-8.33 0-16.828 4.318-25.491 12.953l-15.995 10.96c-3.998 3.322-5.331 7.64-3.998 12.953ZM118.04 401.401l-19.926-36.026c-6.642-9.34-13.616-14.677-20.923-16.011-7.306-1.334-13.284 1-17.933 7.005l-6.975 8.006c-3.32 4.67-5.977 8.005-7.97 10.007-3.985 3.335-8.967 6.004-14.945 8.005l-3.985 2.002c-7.306 2.668-12.122 6.17-14.447 10.507-2.324 4.337-2.823 11.175-1.494 20.515v3.002c1.992 9.34 2.325 16.345.996 21.015-4.65 12.676-5.646 21.682-2.989 27.02 1.993 3.335 5.978 5.67 11.956 7.004 3.321 1.335 9.963 2.669 19.926 4.003 19.927 2.002 34.54 5.337 43.838 10.007 17.27 9.34 33.543 13.01 48.82 11.008 16.605-2.668 25.572-12.342 26.9-29.02.665-5.338-1.66-12.343-6.974-21.015-3.321-4.67-8.967-12.343-16.937-23.017-9.3-11.341-14.945-19.347-16.938-24.017Zm154.24 34.851v-1c3.995-13.346 5.993-22.687 5.993-28.026 1.332-18.683 2.996-31.695 4.994-39.034 3.33-14.68 10.321-24.022 20.975-28.026 1.998-18.683 14.65-22.687 37.955-12.01 9.988 4.003 16.813 8.007 20.476 12.01 3.662 4.004 4.494 8.675 2.497 14.013h4.994c3.995-13.345-6.326-25.022-30.963-35.031 2.663-11.344 2.497-23.02-.5-35.032-2.996-12.01-8.157-23.687-15.481-35.031-5.993-10.009-12.652-18.35-19.977-25.022-2.663 0-1.664 2.335 2.997 7.006 8.656 8.007 15.648 19.017 20.975 33.03 7.324 18.683 7.99 36.032 1.997 52.046-3.995-1.335-7.657-2.002-10.987-2.002-3.329-20.685-10.986-42.037-22.972-64.057-6.66-11.344-13.318-26.357-19.977-45.04-7.99-19.351-13.983-36.366-17.978-51.046-4.661 6.673-11.986 11.677-21.974 15.013-1.998.668-5.327 2.336-9.988 5.005l-5.993 4.003c-7.325 4.004-14.65 6.006-21.974 6.006-7.325 0-13.983-2.336-19.976-7.006l-4.994-4.004c-3.33-3.336-5.993-5.338-7.99-6.005l-5.994-5.005c-.666 14.013-4.66 30.694-11.986 50.045-3.995 11.343-10.654 27.024-19.976 47.042l-6.992 16.014c-8.656 20.686-13.317 41.37-13.983 62.056-9.322-12.678-12.652-28.025-9.988-46.041 1.998-12.011 6.326-24.355 12.985-37.034 7.99-16.014 10.654-23.02 7.99-21.018-14.65 24.021-23.639 44.039-26.968 60.053-3.33 12.678-3.33 24.355 0 35.032 3.995 12.01 12.319 22.02 24.97 30.027l13.984 9.008c10.654 8.007 18.644 15.68 23.971 23.02 7.325 10.01 9.822 18.183 7.491 24.522-2.33 6.34-7.824 9.509-16.48 9.509 6.659 8.007 11.32 14.68 13.983 20.018 17.98 12.01 37.955 16.681 59.93 14.012 18.644-2.002 36.955-9.342 54.934-22.02Zm128.747-28.318c-3.327-3.33-6.155-10.321-8.484-20.976-2.33-10.655-4.99-17.314-7.985-19.978-2.994-2.664-5.989-4.329-8.983-4.994-2.994-.666-7.153-.666-12.476 0h-1.996c-3.993 4.661-9.815 8.823-17.467 12.486-7.652 3.662-14.306 4.828-19.962 3.496-5.656-1.332-10.147-4.828-13.474-10.489-3.327-5.66-5.323-11.82-5.989-18.479h-.998c-6.654 3.33-11.312 10.322-13.973 20.977-1.33 7.325-2.662 20.31-3.993 38.956 0 5.328-1.996 14.65-5.988 27.969l-3.992 12.986c-3.993 15.316-4.326 27.302-.999 35.96 7.32 13.984 18.798 20.31 34.435 18.978 15.637-1.332 30.109-9.656 43.417-24.972 4.658-5.993 10.646-11.32 17.966-15.982 4.657-3.33 11.311-6.992 19.962-10.988 8.65-3.995 14.306-6.992 16.967-8.99 4.658-3.33 7.32-6.992 7.985-10.988 0-5.993-4.658-13.984-13.973-23.973v-.999ZM159.623 148.178c-1.332-1.32-2.165-2.804-2.498-4.453-.333-1.65 0-2.474.999-2.474 1 0 2.165.99 3.497 2.969l.999 1.979 7.993 6.927c7.993 6.597 15.986 9.895 23.978 9.895 7.993 0 17.984-3.628 29.974-10.885 2.664-.66 6.327-2.968 10.99-6.927l2.997-1.979c1.332-.66 2.498-1.814 3.497-3.463 1-1.65 1.832-2.144 2.498-1.484 2.664 0 1.665 2.144-2.998 6.432-4.662 4.288-9.658 7.751-14.986 10.39C213.24 161.702 202.917 165 195.59 165c-9.326 0-18.65-3.298-27.975-9.895l-6.994-6.927h-1Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 423 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M182 123.063c0-1.25 1.039-2.188 3.117-2.813 2.77-1.25 4.675-1.563 5.714-.937 1.04.625 1.385 1.093 1.04 1.406-.347.312-1.213.781-2.598 1.406l-2.078.938c-.693.625-1.732.937-3.117.937s-2.078-.312-2.078-.937Zm23.688-.938-1.558-1.406c-.346-.313 0-.781 1.039-1.406 1.039-.626 2.944-.313 5.714.937 2.078.625 3.117 1.406 3.117 2.344 0 .937-.693 1.406-2.078 1.406-1.385 0-2.424-.312-3.117-.937l-1.039-.938h-2.078ZM423 432.879c-.667 7.332-5.332 13.663-13.997 18.995-3.333 1.333-8.332 3.999-14.997 7.998-17.997 7.997-29.994 15.995-35.993 23.993l-3-2 3 2c-14.664 17.329-30.994 26.66-48.99 27.992-7.999.667-15.664-1-22.996-4.998-7.332-4-12.997-9.998-16.997-17.995-.666-2-1.333-4.333-2-6.998-7.998.666-18.662 0-31.993-2-11.331-2-18.996-2.666-22.995-2-7.999.667-17.997 2-29.995 4-8.665 1.999-14.997 2.999-18.996 2.999-4.666 10.663-13.33 17.328-25.995 19.994-16.663 3.999-35.326.333-55.989-10.997l2-2.999-2 3c-7.998-4-21.662-7.332-40.992-9.998-7.998-.666-13.997-1.333-17.996-2-9.998-1.999-16.663-6.331-19.996-12.996-3.333-6.665-2.666-16.995 2-30.991 1.333-3.333 1.333-9.664 0-18.995l-1-2c-.667-5.331-1-9.33-1-11.996 0-4.665 1-8.664 3-11.997 3.332-6.664 9.33-11.663 17.996-14.995l3-1c7.331-2 12.33-4.332 14.996-6.998l6-7.998c3.998-5.998 7.33-9.997 9.997-11.997-2.666-15.995-.666-33.657 5.999-52.985 9.998-30.658 29.327-62.982 57.988-96.973 7.999-10.664 13.664-21.327 16.997-31.99 3.333-9.332 5.332-20.328 5.999-32.992 0-3.332-.333-9.664-1-18.994-1.333-20.661-1.333-36.99 0-48.987 2-19.994 8.332-35.323 18.996-45.987C175.382 6.998 195.378 0 222.04 0c23.328 0 41.325 7.331 53.989 21.994 9.998 11.997 16.663 28.658 19.996 49.986 1.333 12.663 2 30.658 2 53.985v4.998c-.667 13.33 2.332 26.326 8.998 38.99 4.666 7.33 12.33 17.994 22.995 31.99l1 1c21.996 26.66 37.66 51.653 46.99 74.98 10.665 27.992 11.665 54.318 3 78.977l4 2 3.999 2.999c4.665 3.332 8.331 10.664 10.998 21.994v1c2.666 9.997 4.999 16.328 6.998 18.994 10.665 11.997 15.664 21.66 14.997 28.992h1ZM207.574 108c5.357 1.333 9.71 3 13.059 5-1.34-6-.67-11.5 2.009-16.5 2.678-5 6.027-7.333 10.045-7 4.018.333 7.031 3.5 9.04 9.5 2.01 6 2.01 12 0 18l-4.018 4c6.027 2 10.045 3.667 12.054 5 4.688-4.667 7.366-10.833 8.036-18.5.67-7.667-.335-14.833-3.013-21.5-5.358-10.667-12.891-16-22.602-16-9.71 0-16.909 5.333-21.596 16-3.349 7.333-4.353 14.667-3.014 22Zm-45.725 19c.667-.667 1.834-1.667 3.501-3l2.5-2v-1c-4-3.333-5.834-8.667-5.5-16 .333-7.333 2.333-11.167 6.001-11.5 3.668-.333 6.502 1.667 8.503 6 2 4.333 2.667 8.833 2 13.5 2.668-2 6.002-3.667 10.003-5 .667-9.333-1-17.167-5.001-23.5-4.002-6.333-8.836-9.5-14.505-9.5-5.668 0-10.17 3.333-13.504 10-3.334 6.667-4.501 14.167-3.5 22.5 1 8.333 4.167 14.833 9.502 19.5Zm-10.35 21.866c2 5.315 6.998 10.296 14.995 14.946 2 1.329 4.999 3.82 8.997 7.473 3.999 3.654 7.497 6.145 10.496 7.473 3 1.329 6.498 1.993 10.497 1.993 5.331.664 10.33 0 14.994-1.993 2.666-1.328 6.498-3.487 11.496-6.476 4.998-2.99 8.83-5.148 11.496-6.477 11.996-3.321 19.493-9.133 22.492-17.437 2.999-8.303-.5-14.447-10.496-18.433l-11.996-3.986c-4.665-1.992-8.33-3.653-10.996-4.981-9.33-5.979-18.16-8.968-26.49-8.968-8.33 0-16.828 4.318-25.491 12.953l-15.995 10.96c-3.998 3.322-5.331 7.64-3.998 12.953ZM118.04 401.401l-19.926-36.026c-6.642-9.34-13.616-14.677-20.923-16.011-7.306-1.334-13.284 1-17.933 7.005l-6.975 8.006c-3.32 4.67-5.977 8.005-7.97 10.007-3.985 3.335-8.967 6.004-14.945 8.005l-3.985 2.002c-7.306 2.668-12.122 6.17-14.447 10.507-2.324 4.337-2.823 11.175-1.494 20.515v3.002c1.992 9.34 2.325 16.345.996 21.015-4.65 12.676-5.646 21.682-2.989 27.02 1.993 3.335 5.978 5.67 11.956 7.004 3.321 1.335 9.963 2.669 19.926 4.003 19.927 2.002 34.54 5.337 43.838 10.007 17.27 9.34 33.543 13.01 48.82 11.008 16.605-2.668 25.572-12.342 26.9-29.02.665-5.338-1.66-12.343-6.974-21.015-3.321-4.67-8.967-12.343-16.937-23.017-9.3-11.341-14.945-19.347-16.938-24.017Zm154.24 34.851v-1c3.995-13.346 5.993-22.687 5.993-28.026 1.332-18.683 2.996-31.695 4.994-39.034 3.33-14.68 10.321-24.022 20.975-28.026 1.998-18.683 14.65-22.687 37.955-12.01 9.988 4.003 16.813 8.007 20.476 12.01 3.662 4.004 4.494 8.675 2.497 14.013h4.994c3.995-13.345-6.326-25.022-30.963-35.031 2.663-11.344 2.497-23.02-.5-35.032-2.996-12.01-8.157-23.687-15.481-35.031-5.993-10.009-12.652-18.35-19.977-25.022-2.663 0-1.664 2.335 2.997 7.006 8.656 8.007 15.648 19.017 20.975 33.03 7.324 18.683 7.99 36.032 1.997 52.046-3.995-1.335-7.657-2.002-10.987-2.002-3.329-20.685-10.986-42.037-22.972-64.057-6.66-11.344-13.318-26.357-19.977-45.04-7.99-19.351-13.983-36.366-17.978-51.046-4.661 6.673-11.986 11.677-21.974 15.013-1.998.668-5.327 2.336-9.988 5.005l-5.993 4.003c-7.325 4.004-14.65 6.006-21.974 6.006-7.325 0-13.983-2.336-19.976-7.006l-4.994-4.004c-3.33-3.336-5.993-5.338-7.99-6.005l-5.994-5.005c-.666 14.013-4.66 30.694-11.986 50.045-3.995 11.343-10.654 27.024-19.976 47.042l-6.992 16.014c-8.656 20.686-13.317 41.37-13.983 62.056-9.322-12.678-12.652-28.025-9.988-46.041 1.998-12.011 6.326-24.355 12.985-37.034 7.99-16.014 10.654-23.02 7.99-21.018-14.65 24.021-23.639 44.039-26.968 60.053-3.33 12.678-3.33 24.355 0 35.032 3.995 12.01 12.319 22.02 24.97 30.027l13.984 9.008c10.654 8.007 18.644 15.68 23.971 23.02 7.325 10.01 9.822 18.183 7.491 24.522-2.33 6.34-7.824 9.509-16.48 9.509 6.659 8.007 11.32 14.68 13.983 20.018 17.98 12.01 37.955 16.681 59.93 14.012 18.644-2.002 36.955-9.342 54.934-22.02Zm128.747-28.318c-3.327-3.33-6.155-10.321-8.484-20.976-2.33-10.655-4.99-17.314-7.985-19.978-2.994-2.664-5.989-4.329-8.983-4.994-2.994-.666-7.153-.666-12.476 0h-1.996c-3.993 4.661-9.815 8.823-17.467 12.486-7.652 3.662-14.306 4.828-19.962 3.496-5.656-1.332-10.147-4.828-13.474-10.489-3.327-5.66-5.323-11.82-5.989-18.479h-.998c-6.654 3.33-11.312 10.322-13.973 20.977-1.33 7.325-2.662 20.31-3.993 38.956 0 5.328-1.996 14.65-5.988 27.969l-3.992 12.986c-3.993 15.316-4.326 27.302-.999 35.96 7.32 13.984 18.798 20.31 34.435 18.978 15.637-1.332 30.109-9.656 43.417-24.972 4.658-5.993 10.646-11.32 17.966-15.982 4.657-3.33 11.311-6.992 19.962-10.988 8.65-3.995 14.306-6.992 16.967-8.99 4.658-3.33 7.32-6.992 7.985-10.988 0-5.993-4.658-13.984-13.973-23.973v-.999ZM159.623 148.178c-1.332-1.32-2.165-2.804-2.498-4.453-.333-1.65 0-2.474.999-2.474 1 0 2.165.99 3.497 2.969l.999 1.979 7.993 6.927c7.993 6.597 15.986 9.895 23.978 9.895 7.993 0 17.984-3.628 29.974-10.885 2.664-.66 6.327-2.968 10.99-6.927l2.997-1.979c1.332-.66 2.498-1.814 3.497-3.463 1-1.65 1.832-2.144 2.498-1.484 2.664 0 1.665 2.144-2.998 6.432-4.662 4.288-9.658 7.751-14.986 10.39C213.24 161.702 202.917 165 195.59 165c-9.326 0-18.65-3.298-27.975-9.895l-6.994-6.927h-1Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_mac_os_x.tsx b/frontend/app/components/ui/Icons/os_mac_os_x.tsx
index d835d1c5a..6a72bc543 100644
--- a/frontend/app/components/ui/Icons/os_mac_os_x.tsx
+++ b/frontend/app/components/ui/Icons/os_mac_os_x.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_mac_os_x(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 439 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M386.12 156.73C370.064 142.78 351.784 136 330.157 136c-.651 0-2.263.198-4.61.679-3.044.623-6.844 1.623-11.339 3.004-9.634 2.959-22.033 7.529-37.085 13.693l-.106.043-.106.043c-15.153 6.05-30.921 9.097-47.131 9.097-18.48 0-36.552-5.685-53.876-16.58-13.765-6.65-28.763-9.979-45.292-9.979-29.55 0-53.19 12.331-72.97 38.55C36.494 202.58 26 234.697 26 271.767c0 37.54 7.353 73.506 22.105 108.11 14.583 34.21 34.835 63.582 60.852 88.314 15.52 12.204 29.5 17.81 42.214 17.81 3.363 0 11.475-1.534 23.16-4.723 26.589-10.557 44.3-15.8 56.658-15.8 14.692 0 30.522 4.489 47.861 12.988 13.685 5.103 25.197 7.535 34.376 7.535 14.17 0 25.07-2.94 33.331-8.492 12.42-9.234 25.394-23.962 38.598-44.268 8.532-13.12 15.49-25.908 20.9-38.356-16.526-9.46-30.385-23.4-41.305-41.455-15.356-25.387-23.103-53.179-23.103-82.87 0-24.688 6.828-49.273 20.15-73.494 8.037-14.612 17.585-26.584 28.632-35.657a93.562 93.562 0 0 0-4.31-4.678Zm40.786 13.63c-16.93 5.634-31.04 18.712-42.327 39.235-11.288 20.522-16.932 40.843-16.932 60.964 0 24.949 6.45 48.087 19.35 69.414 12.9 21.327 30.234 34.808 52.003 40.441-6.45 21.73-17.133 44.063-32.048 67-14.916 22.937-30.033 40.04-45.351 51.307C348.7 507.574 332.576 512 313.226 512c-12.9 0-27.815-3.22-44.747-9.658-14.512-7.243-27.009-10.865-37.49-10.865-8.063 0-24.187 4.83-48.375 14.487-14.512 4.024-24.993 6.036-31.443 6.036-19.35 0-39.103-8.048-59.26-24.144-29.024-27.364-51.599-59.958-67.724-97.784C8.062 352.246 0 312.811 0 271.766c0-42.655 12.295-80.28 36.886-112.874C61.476 126.297 92.718 110 130.612 110c20.962 0 40.312 4.426 58.05 13.28 13.705 8.852 27.411 13.279 41.118 13.279 12.9 0 25.396-2.415 37.49-7.244C298.714 116.438 319.676 110 330.157 110c28.219 0 52.809 9.255 73.771 27.766 9.675 9.657 17.335 20.522 22.978 32.594ZM219 110c0-24.445 10.659-48.507 31.977-72.188C272.295 17.188 298.302 4.584 329 0c0 29.028-10.232 54.618-30.698 76.77C275.28 98.925 248.845 110 219 110Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 439 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M386.12 156.73C370.064 142.78 351.784 136 330.157 136c-.651 0-2.263.198-4.61.679-3.044.623-6.844 1.623-11.339 3.004-9.634 2.959-22.033 7.529-37.085 13.693l-.106.043-.106.043c-15.153 6.05-30.921 9.097-47.131 9.097-18.48 0-36.552-5.685-53.876-16.58-13.765-6.65-28.763-9.979-45.292-9.979-29.55 0-53.19 12.331-72.97 38.55C36.494 202.58 26 234.697 26 271.767c0 37.54 7.353 73.506 22.105 108.11 14.583 34.21 34.835 63.582 60.852 88.314 15.52 12.204 29.5 17.81 42.214 17.81 3.363 0 11.475-1.534 23.16-4.723 26.589-10.557 44.3-15.8 56.658-15.8 14.692 0 30.522 4.489 47.861 12.988 13.685 5.103 25.197 7.535 34.376 7.535 14.17 0 25.07-2.94 33.331-8.492 12.42-9.234 25.394-23.962 38.598-44.268 8.532-13.12 15.49-25.908 20.9-38.356-16.526-9.46-30.385-23.4-41.305-41.455-15.356-25.387-23.103-53.179-23.103-82.87 0-24.688 6.828-49.273 20.15-73.494 8.037-14.612 17.585-26.584 28.632-35.657a93.562 93.562 0 0 0-4.31-4.678Zm40.786 13.63c-16.93 5.634-31.04 18.712-42.327 39.235-11.288 20.522-16.932 40.843-16.932 60.964 0 24.949 6.45 48.087 19.35 69.414 12.9 21.327 30.234 34.808 52.003 40.441-6.45 21.73-17.133 44.063-32.048 67-14.916 22.937-30.033 40.04-45.351 51.307C348.7 507.574 332.576 512 313.226 512c-12.9 0-27.815-3.22-44.747-9.658-14.512-7.243-27.009-10.865-37.49-10.865-8.063 0-24.187 4.83-48.375 14.487-14.512 4.024-24.993 6.036-31.443 6.036-19.35 0-39.103-8.048-59.26-24.144-29.024-27.364-51.599-59.958-67.724-97.784C8.062 352.246 0 312.811 0 271.766c0-42.655 12.295-80.28 36.886-112.874C61.476 126.297 92.718 110 130.612 110c20.962 0 40.312 4.426 58.05 13.28 13.705 8.852 27.411 13.279 41.118 13.279 12.9 0 25.396-2.415 37.49-7.244C298.714 116.438 319.676 110 330.157 110c28.219 0 52.809 9.255 73.771 27.766 9.675 9.657 17.335 20.522 22.978 32.594ZM219 110c0-24.445 10.659-48.507 31.977-72.188C272.295 17.188 298.302 4.584 329 0c0 29.028-10.232 54.618-30.698 76.77C275.28 98.925 248.845 110 219 110Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_other.tsx b/frontend/app/components/ui/Icons/os_other.tsx
index df98b9781..65146e7cd 100644
--- a/frontend/app/components/ui/Icons/os_other.tsx
+++ b/frontend/app/components/ui/Icons/os_other.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_other(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 523 533" width={`${width}px`} height={`${height}px`}>
-      <path d="M28 257h192V71L28 98.169V257ZM0 285V73.852l248-35.093V285H0Zm28 149.818L220 462V278H28v156.818ZM0 459.133V250h248v244.243L0 459.133Zm240 5.263L495 500V278H240v186.396Zm-28 24.362V250h311v282.181l-311-43.423ZM240 68.43V256h255V33L240 68.43ZM212 44.05 523 .841V284H212V44.051Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 523 533" width={ `${ width }px` } height={ `${ height }px` } ><path d="M28 257h192V71L28 98.169V257ZM0 285V73.852l248-35.093V285H0Zm28 149.818L220 462V278H28v156.818ZM0 459.133V250h248v244.243L0 459.133Zm240 5.263L495 500V278H240v186.396Zm-28 24.362V250h311v282.181l-311-43.423ZM240 68.43V256h255V33L240 68.43ZM212 44.05 523 .841V284H212V44.051Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_ubuntu.tsx b/frontend/app/components/ui/Icons/os_ubuntu.tsx
index bf811ba43..05659dc9a 100644
--- a/frontend/app/components/ui/Icons/os_ubuntu.tsx
+++ b/frontend/app/components/ui/Icons/os_ubuntu.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_ubuntu(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 568 580" width={`${width}px`} height={`${height}px`}>
-      <path d="M198.69 283.338c0-41.261 19.314-77.993 49.31-101.64L202.089 108c-38.477 27.715-67.43 67.828-81.089 114.522 21.383 13.802 35.564 37.92 35.564 65.33 0 26.439-13.107 49.748-33.226 63.778 14.686 44.23 43.304 82.093 80.634 108.37l42.698-76.16c-29.256-23.64-47.98-59.881-47.98-100.502Zm23 0c0 32.53 14.667 62.598 39.435 82.611l15.102 12.202-64.655 115.325-20.839-14.668c-41.688-29.345-73.111-71.404-89.223-119.93l-5.41-16.294 14.082-9.82c14.567-10.158 23.382-26.726 23.382-44.911a54.648 54.648 0 0 0-25.037-46.007l-14.42-9.309 4.818-16.473c14.962-51.146 46.69-95.731 89.721-126.727l19.958-14.376 69.805 112.051-16.17 12.747c-25.422 20.042-40.55 50.544-40.55 83.579ZM135 287.992C135 257.085 109.9 232 78.998 232 48.082 232 23 257.085 23 287.992 23 318.915 48.082 344 78.998 344 109.9 344 135 318.914 135 287.992Zm23 0C158 331.61 122.607 367 78.998 367 35.378 367 0 331.616 0 287.992 0 244.38 35.382 209 78.998 209 122.604 209 158 244.385 158 287.992ZM448.475 423.01c12.974 0 25.189 3.172 35.922 8.805 33.43-35.213 55.03-81.675 58.603-133.14L456.359 297c-6.671 64.946-61.569 115.542-128.292 115.542-18.468 0-36.093-3.883-51.998-10.905L233 476.947C261.712 491.067 293.943 499 328.066 499c14.725 0 29.167-1.49 43.083-4.328 2.968-40.054 36.448-71.662 77.326-71.662Zm0 23c-28.6 0-52.294 22.083-54.39 50.362l-1.286 17.357-17.054 3.479a238.657 238.657 0 0 1-47.68 4.792c-36.941 0-72.7-8.423-105.215-24.413l-21.97-10.805 65.514-114.558 18.964 8.372c13.293 5.87 27.78 8.946 42.709 8.946 54.46 0 99.898-41.208 105.412-94.892l2.163-21.055 131.977 2.553-1.674 24.12c-3.868 55.712-26.985 107.48-64.868 147.382l-11.97 12.61-15.397-8.079c-7.694-4.037-16.27-6.17-25.235-6.17ZM504 501.01c0-30.94-25.06-56.009-55.99-56.009-30.932 0-56.01 25.069-56.01 56.009C392 531.925 417.078 557 448.01 557c30.93 0 55.99-25.075 55.99-55.991Zm23 0C527 544.632 491.639 580 448.01 580c-43.631 0-79.01-35.37-79.01-78.991 0-43.64 35.373-79.009 79.01-79.009 43.634 0 78.99 35.368 78.99 79.009Zm-36.536-358.411c-12.64 8.92-28.108 14.2-44.81 14.2-42.903 0-77.64-34.631-77.64-77.364 0-2.27.102-4.465.27-6.668C355.243 70.277 341.765 69 327.997 69c-34.484 0-67.095 8.089-95.996 22.414l42.87 75.243a129.408 129.408 0 0 1 53.126-11.374c66.218 0 120.796 49.703 128.254 113.717l86.75-2.64c-3.83-47.204-23.013-90.083-52.536-123.762Zm17.296-15.162c33.462 38.174 54.015 85.93 58.165 137.064l1.956 24.114-132.034 4.017-2.443-20.97c-6.169-52.952-51.397-93.378-105.408-93.378-15.237 0-30.037 3.22-43.705 9.357l-19.061 8.558-65.277-114.57 21.833-10.822C254.527 54.578 290.693 46 327.996 46c15.139 0 30.063 1.4 44.6 4.174l20.193 3.853-1.571 20.497a63.634 63.634 0 0 0-.204 4.91c0 30.019 24.428 54.364 54.64 54.364 11.476 0 22.388-3.527 31.548-9.991l16.912-11.937 13.646 15.566ZM501 79.005C501 48.079 475.985 23 445.016 23 414.08 23 388.999 48.08 389 79.005 389 109.929 414.082 135 445.017 135 475.987 135 501 109.929 501 79.005Zm23 0c0 43.64-35.325 78.995-78.983 78.995C401.38 158 366 122.633 366 79.006 365.998 35.376 401.38 0 445.016 0 488.674 0 524 35.363 524 79.005Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 568 580" width={ `${ width }px` } height={ `${ height }px` } ><path d="M198.69 283.338c0-41.261 19.314-77.993 49.31-101.64L202.089 108c-38.477 27.715-67.43 67.828-81.089 114.522 21.383 13.802 35.564 37.92 35.564 65.33 0 26.439-13.107 49.748-33.226 63.778 14.686 44.23 43.304 82.093 80.634 108.37l42.698-76.16c-29.256-23.64-47.98-59.881-47.98-100.502Zm23 0c0 32.53 14.667 62.598 39.435 82.611l15.102 12.202-64.655 115.325-20.839-14.668c-41.688-29.345-73.111-71.404-89.223-119.93l-5.41-16.294 14.082-9.82c14.567-10.158 23.382-26.726 23.382-44.911a54.648 54.648 0 0 0-25.037-46.007l-14.42-9.309 4.818-16.473c14.962-51.146 46.69-95.731 89.721-126.727l19.958-14.376 69.805 112.051-16.17 12.747c-25.422 20.042-40.55 50.544-40.55 83.579ZM135 287.992C135 257.085 109.9 232 78.998 232 48.082 232 23 257.085 23 287.992 23 318.915 48.082 344 78.998 344 109.9 344 135 318.914 135 287.992Zm23 0C158 331.61 122.607 367 78.998 367 35.378 367 0 331.616 0 287.992 0 244.38 35.382 209 78.998 209 122.604 209 158 244.385 158 287.992ZM448.475 423.01c12.974 0 25.189 3.172 35.922 8.805 33.43-35.213 55.03-81.675 58.603-133.14L456.359 297c-6.671 64.946-61.569 115.542-128.292 115.542-18.468 0-36.093-3.883-51.998-10.905L233 476.947C261.712 491.067 293.943 499 328.066 499c14.725 0 29.167-1.49 43.083-4.328 2.968-40.054 36.448-71.662 77.326-71.662Zm0 23c-28.6 0-52.294 22.083-54.39 50.362l-1.286 17.357-17.054 3.479a238.657 238.657 0 0 1-47.68 4.792c-36.941 0-72.7-8.423-105.215-24.413l-21.97-10.805 65.514-114.558 18.964 8.372c13.293 5.87 27.78 8.946 42.709 8.946 54.46 0 99.898-41.208 105.412-94.892l2.163-21.055 131.977 2.553-1.674 24.12c-3.868 55.712-26.985 107.48-64.868 147.382l-11.97 12.61-15.397-8.079c-7.694-4.037-16.27-6.17-25.235-6.17ZM504 501.01c0-30.94-25.06-56.009-55.99-56.009-30.932 0-56.01 25.069-56.01 56.009C392 531.925 417.078 557 448.01 557c30.93 0 55.99-25.075 55.99-55.991Zm23 0C527 544.632 491.639 580 448.01 580c-43.631 0-79.01-35.37-79.01-78.991 0-43.64 35.373-79.009 79.01-79.009 43.634 0 78.99 35.368 78.99 79.009Zm-36.536-358.411c-12.64 8.92-28.108 14.2-44.81 14.2-42.903 0-77.64-34.631-77.64-77.364 0-2.27.102-4.465.27-6.668C355.243 70.277 341.765 69 327.997 69c-34.484 0-67.095 8.089-95.996 22.414l42.87 75.243a129.408 129.408 0 0 1 53.126-11.374c66.218 0 120.796 49.703 128.254 113.717l86.75-2.64c-3.83-47.204-23.013-90.083-52.536-123.762Zm17.296-15.162c33.462 38.174 54.015 85.93 58.165 137.064l1.956 24.114-132.034 4.017-2.443-20.97c-6.169-52.952-51.397-93.378-105.408-93.378-15.237 0-30.037 3.22-43.705 9.357l-19.061 8.558-65.277-114.57 21.833-10.822C254.527 54.578 290.693 46 327.996 46c15.139 0 30.063 1.4 44.6 4.174l20.193 3.853-1.571 20.497a63.634 63.634 0 0 0-.204 4.91c0 30.019 24.428 54.364 54.64 54.364 11.476 0 22.388-3.527 31.548-9.991l16.912-11.937 13.646 15.566ZM501 79.005C501 48.079 475.985 23 445.016 23 414.08 23 388.999 48.08 389 79.005 389 109.929 414.082 135 445.017 135 475.987 135 501 109.929 501 79.005Zm23 0c0 43.64-35.325 78.995-78.983 78.995C401.38 158 366 122.633 366 79.006 365.998 35.376 401.38 0 445.016 0 488.674 0 524 35.363 524 79.005Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/os_windows.tsx b/frontend/app/components/ui/Icons/os_windows.tsx
index 29921b6bc..830588e88 100644
--- a/frontend/app/components/ui/Icons/os_windows.tsx
+++ b/frontend/app/components/ui/Icons/os_windows.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Os_windows(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 523 533" width={`${width}px`} height={`${height}px`}>
-      <path d="M28 257h192V71L28 98.169V257ZM0 285V73.852l248-35.093V285H0Zm28 149.818L220 462V278H28v156.818ZM0 459.133V250h248v244.243L0 459.133Zm240 5.263L495 500V278H240v186.396Zm-28 24.362V250h311v282.181l-311-43.423ZM240 68.43V256h255V33L240 68.43ZM212 44.05 523 .841V284H212V44.051Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 523 533" width={ `${ width }px` } height={ `${ height }px` } ><path d="M28 257h192V71L28 98.169V257ZM0 285V73.852l248-35.093V285H0Zm28 149.818L220 462V278H28v156.818ZM0 459.133V250h248v244.243L0 459.133Zm240 5.263L495 500V278H240v186.396Zm-28 24.362V250h311v282.181l-311-43.423ZM240 68.43V256h255V33L240 68.43ZM212 44.05 523 .841V284H212V44.051Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pause.tsx b/frontend/app/components/ui/Icons/pause.tsx
index 128610ac2..809cd718f 100644
--- a/frontend/app/components/ui/Icons/pause.tsx
+++ b/frontend/app/components/ui/Icons/pause.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Pause(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pause_circle_fill.tsx b/frontend/app/components/ui/Icons/pause_circle_fill.tsx
index 479bf2a25..5acdf0971 100644
--- a/frontend/app/components/ui/Icons/pause_circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/pause_circle_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Pause_circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5m3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5m3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pause_fill.tsx b/frontend/app/components/ui/Icons/pause_fill.tsx
index 8658b1d8c..585ce7d9f 100644
--- a/frontend/app/components/ui/Icons/pause_fill.tsx
+++ b/frontend/app/components/ui/Icons/pause_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Pause_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pdf_download.tsx b/frontend/app/components/ui/Icons/pdf_download.tsx
index b2333c48e..489a57386 100644
--- a/frontend/app/components/ui/Icons/pdf_download.tsx
+++ b/frontend/app/components/ui/Icons/pdf_download.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Pdf_download(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 19 19" width={`${width}px`} height={`${height}px`}>
-      <path d="M10.094 5.249a.594.594 0 0 0-1.188 0v4.504l-1.36-1.362a.595.595 0 0 0-.841.84l2.375 2.376a.596.596 0 0 0 .84 0l2.375-2.375a.595.595 0 0 0-.84-.841l-1.361 1.362V5.249Z" />
-      <path d="M16.625 16.625V5.344L11.281 0H4.75a2.375 2.375 0 0 0-2.375 2.375v14.25A2.375 2.375 0 0 0 4.75 19h9.5a2.375 2.375 0 0 0 2.375-2.375ZM11.281 3.562a1.781 1.781 0 0 0 1.781 1.782h2.376v11.281a1.188 1.188 0 0 1-1.188 1.188h-9.5a1.187 1.187 0 0 1-1.188-1.188V2.375A1.188 1.188 0 0 1 4.75 1.187h6.531v2.375Z" />
-      <path
-        clipRule="evenodd"
-        d="M15.58 13.49H3.42v4.37h1.789v-3.512H6.61c.282 0 .524.051.726.154.205.103.361.245.47.425.11.178.165.383.165.613 0 .226-.055.424-.164.593-.11.169-.266.3-.47.396-.203.093-.445.14-.727.14h-.554v1.191h2.37v-3.512h1.13c.238 0 .455.041.653.123a1.537 1.537 0 0 1 .854.88c.08.205.12.431.12.68v.148c0 .247-.04.474-.12.68a1.512 1.512 0 0 1-.849.88c-.193.08-.404.12-.635.121h2.046v-3.512h2.35v.654h-1.503v.808h1.365v.651h-1.365v1.399h3.108v-4.37Zm-9.524 1.512v1.013h.554c.12 0 .216-.02.29-.06a.367.367 0 0 0 .161-.167.547.547 0 0 0 .054-.244.668.668 0 0 0-.054-.267.431.431 0 0 0-.161-.198.496.496 0 0 0-.29-.077h-.554Zm3.512 2.207h-.295v-2.207h.283c.123 0 .233.021.328.065a.604.604 0 0 1 .24.195.88.88 0 0 1 .146.321c.033.127.05.275.05.444v.152c0 .225-.03.415-.089.569a.707.707 0 0 1-.256.345.696.696 0 0 1-.407.116Z"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 19 19" width={ `${ width }px` } height={ `${ height }px` } ><path d="M10.094 5.249a.594.594 0 0 0-1.188 0v4.504l-1.36-1.362a.595.595 0 0 0-.841.84l2.375 2.376a.596.596 0 0 0 .84 0l2.375-2.375a.595.595 0 0 0-.84-.841l-1.361 1.362V5.249Z"/><path d="M16.625 16.625V5.344L11.281 0H4.75a2.375 2.375 0 0 0-2.375 2.375v14.25A2.375 2.375 0 0 0 4.75 19h9.5a2.375 2.375 0 0 0 2.375-2.375ZM11.281 3.562a1.781 1.781 0 0 0 1.781 1.782h2.376v11.281a1.188 1.188 0 0 1-1.188 1.188h-9.5a1.187 1.187 0 0 1-1.188-1.188V2.375A1.188 1.188 0 0 1 4.75 1.187h6.531v2.375Z"/><path clipRule="evenodd" d="M15.58 13.49H3.42v4.37h1.789v-3.512H6.61c.282 0 .524.051.726.154.205.103.361.245.47.425.11.178.165.383.165.613 0 .226-.055.424-.164.593-.11.169-.266.3-.47.396-.203.093-.445.14-.727.14h-.554v1.191h2.37v-3.512h1.13c.238 0 .455.041.653.123a1.537 1.537 0 0 1 .854.88c.08.205.12.431.12.68v.148c0 .247-.04.474-.12.68a1.512 1.512 0 0 1-.849.88c-.193.08-.404.12-.635.121h2.046v-3.512h2.35v.654h-1.503v.808h1.365v.651h-1.365v1.399h3.108v-4.37Zm-9.524 1.512v1.013h.554c.12 0 .216-.02.29-.06a.367.367 0 0 0 .161-.167.547.547 0 0 0 .054-.244.668.668 0 0 0-.054-.267.431.431 0 0 0-.161-.198.496.496 0 0 0-.29-.077h-.554Zm3.512 2.207h-.295v-2.207h.283c.123 0 .233.021.328.065a.604.604 0 0 1 .24.195.88.88 0 0 1 .146.321c.033.127.05.275.05.444v.152c0 .225-.03.415-.089.569a.707.707 0 0 1-.256.345.696.696 0 0 1-.407.116Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pencil.tsx b/frontend/app/components/ui/Icons/pencil.tsx
index ff861d06c..e1c633335 100644
--- a/frontend/app/components/ui/Icons/pencil.tsx
+++ b/frontend/app/components/ui/Icons/pencil.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Pencil(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pencil_stop.tsx b/frontend/app/components/ui/Icons/pencil_stop.tsx
index 14d05aaf7..5d9a4349b 100644
--- a/frontend/app/components/ui/Icons/pencil_stop.tsx
+++ b/frontend/app/components/ui/Icons/pencil_stop.tsx
@@ -9,22 +9,9 @@ interface Props {
 }
 
 function Pencil_stop(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path
-          clipRule="evenodd"
-          d="M12.5-.207 16.207 3.5 5.781 13.926l-6.179 2.472 2.472-6.179L12.5-.207ZM2.926 10.78l-1.529 3.821 3.822-1.528L14.793 3.5 12.5 1.207l-9.574 9.574Z"
-        />
-        <path d="M9 4.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM3.012 2.613a.282.282 0 0 0-.399.399L4.103 4.5l-1.49 1.488a.282.282 0 0 0 .399.399L4.5 4.897l1.488 1.49a.282.282 0 0 0 .399-.399L4.897 4.5l1.49-1.488a.282.282 0 0 0-.399-.399L4.5 4.103l-1.488-1.49Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" d="M0 0h16v16H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><g><path clipRule="evenodd" d="M12.5-.207 16.207 3.5 5.781 13.926l-6.179 2.472 2.472-6.179L12.5-.207ZM2.926 10.78l-1.529 3.821 3.822-1.528L14.793 3.5 12.5 1.207l-9.574 9.574Z"/><path d="M9 4.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM3.012 2.613a.282.282 0 0 0-.399.399L4.103 4.5l-1.49 1.488a.282.282 0 0 0 .399.399L4.5 4.897l1.488 1.49a.282.282 0 0 0 .399-.399L4.897 4.5l1.49-1.488a.282.282 0 0 0-.399-.399L4.5 4.103l-1.488-1.49Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/people.tsx b/frontend/app/components/ui/Icons/people.tsx
index eff67333d..3750d404c 100644
--- a/frontend/app/components/ui/Icons/people.tsx
+++ b/frontend/app/components/ui/Icons/people.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function People(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/percent.tsx b/frontend/app/components/ui/Icons/percent.tsx
index 3545f0044..7a094180a 100644
--- a/frontend/app/components/ui/Icons/percent.tsx
+++ b/frontend/app/components/ui/Icons/percent.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Percent(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13.442 2.558a.625.625 0 0 1 0 .884l-10 10a.625.625 0 1 1-.884-.884l10-10a.625.625 0 0 1 .884 0zM4.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm7 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13.442 2.558a.625.625 0 0 1 0 .884l-10 10a.625.625 0 1 1-.884-.884l10-10a.625.625 0 0 1 .884 0zM4.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm7 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/performance_icon.tsx b/frontend/app/components/ui/Icons/performance_icon.tsx
index 26dfc1744..f7df870df 100644
--- a/frontend/app/components/ui/Icons/performance_icon.tsx
+++ b/frontend/app/components/ui/Icons/performance_icon.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Performance_icon(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z" />
-      <path d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/><path d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/person.tsx b/frontend/app/components/ui/Icons/person.tsx
index 5e2122cae..0fb668fe4 100644
--- a/frontend/app/components/ui/Icons/person.tsx
+++ b/frontend/app/components/ui/Icons/person.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Person(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/person_border.tsx b/frontend/app/components/ui/Icons/person_border.tsx
index e68e3e110..9f72eeb7a 100644
--- a/frontend/app/components/ui/Icons/person_border.tsx
+++ b/frontend/app/components/ui/Icons/person_border.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Person_border(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z" />
-      <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z"/><path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/person_fill.tsx b/frontend/app/components/ui/Icons/person_fill.tsx
index 308176c5a..0efea1ad1 100644
--- a/frontend/app/components/ui/Icons/person_fill.tsx
+++ b/frontend/app/components/ui/Icons/person_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Person_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pie_chart_fill.tsx b/frontend/app/components/ui/Icons/pie_chart_fill.tsx
index f156075d2..0efe779b6 100644
--- a/frontend/app/components/ui/Icons/pie_chart_fill.tsx
+++ b/frontend/app/components/ui/Icons/pie_chart_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Pie_chart_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5zM8.5.015V7.5h7.485A8.001 8.001 0 0 0 8.5.015z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5zM8.5.015V7.5h7.485A8.001 8.001 0 0 0 8.5.015z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pin_fill.tsx b/frontend/app/components/ui/Icons/pin_fill.tsx
index f1771fb43..3b5a4797a 100644
--- a/frontend/app/components/ui/Icons/pin_fill.tsx
+++ b/frontend/app/components/ui/Icons/pin_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Pin_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A5.921 5.921 0 0 1 5 6.708V2.277a2.77 2.77 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A5.921 5.921 0 0 1 5 6.708V2.277a2.77 2.77 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play.tsx b/frontend/app/components/ui/Icons/play.tsx
index 96d6ee3cb..90b912eca 100644
--- a/frontend/app/components/ui/Icons/play.tsx
+++ b/frontend/app/components/ui/Icons/play.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Play(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play_circle.tsx b/frontend/app/components/ui/Icons/play_circle.tsx
index e7d74dfb8..bebfef26e 100644
--- a/frontend/app/components/ui/Icons/play_circle.tsx
+++ b/frontend/app/components/ui/Icons/play_circle.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Play_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M256 504c137 0 248-111 248-248S393 8 256 8 8 119 8 256s111 248 248 248zM40 256c0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216zm331.7-18-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM192 335.8V176.9c0-4.7 5.1-7.6 9.1-5.1l134.5 81.7c3.9 2.4 3.8 8.1-.1 10.3L201 341c-4 2.3-9-.6-9-5.2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M256 504c137 0 248-111 248-248S393 8 256 8 8 119 8 256s111 248 248 248zM40 256c0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216zm331.7-18-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM192 335.8V176.9c0-4.7 5.1-7.6 9.1-5.1l134.5 81.7c3.9 2.4 3.8 8.1-.1 10.3L201 341c-4 2.3-9-.6-9-5.2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play_circle_bold.tsx b/frontend/app/components/ui/Icons/play_circle_bold.tsx
index 344bcab5b..d5901b5cc 100644
--- a/frontend/app/components/ui/Icons/play_circle_bold.tsx
+++ b/frontend/app/components/ui/Icons/play_circle_bold.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Play_circle_bold(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play_circle_light.tsx b/frontend/app/components/ui/Icons/play_circle_light.tsx
index 27136019a..d4d5efd24 100644
--- a/frontend/app/components/ui/Icons/play_circle_light.tsx
+++ b/frontend/app/components/ui/Icons/play_circle_light.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Play_circle_light(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 52 52" width={`${width}px`} height={`${height}px`}>
-      <path d="M26 0A26 26 0 1 1 0 26 26 26 0 0 1 26 0Zm0 1.58A24.42 24.42 0 1 0 50.42 26 24.44 24.44 0 0 0 26 1.58Zm10.3 22c2.27 1.36 2.27 3.6 0 5l-13.16 7.79c-2.28 1.36-4.14.44-4.14-2v-16.7c0-2.49 1.86-3.4 4.13-2ZM35.37 27a1 1 0 0 0 0-1.85l-12.86-7.91c-.83-.51-1.51-.17-1.51.75V34c0 .93.68 1.27 1.52.76Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 52 52" width={ `${ width }px` } height={ `${ height }px` } ><path d="M26 0A26 26 0 1 1 0 26 26 26 0 0 1 26 0Zm0 1.58A24.42 24.42 0 1 0 50.42 26 24.44 24.44 0 0 0 26 1.58Zm10.3 22c2.27 1.36 2.27 3.6 0 5l-13.16 7.79c-2.28 1.36-4.14.44-4.14-2v-16.7c0-2.49 1.86-3.4 4.13-2ZM35.37 27a1 1 0 0 0 0-1.85l-12.86-7.91c-.83-.51-1.51-.17-1.51.75V34c0 .93.68 1.27 1.52.76Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play_fill.tsx b/frontend/app/components/ui/Icons/play_fill.tsx
index 9f4e5de8e..be7a2f60b 100644
--- a/frontend/app/components/ui/Icons/play_fill.tsx
+++ b/frontend/app/components/ui/Icons/play_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Play_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 52 52" width={`${width}px`} height={`${height}px`}>
-      <path d="M26 0A26 26 0 1 1 0 26 26 26 0 0 1 26 0Zm0 1.58A24.42 24.42 0 1 0 50.42 26 24.42 24.42 0 0 0 26 1.58Zm10.3 22c2.27 1.36 2.27 3.6 0 5l-13.16 7.79c-2.28 1.36-4.14.44-4.14-2v-16.7c0-2.49 1.86-3.4 4.13-2Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 52 52" width={ `${ width }px` } height={ `${ height }px` } ><path d="M26 0A26 26 0 1 1 0 26 26 26 0 0 1 26 0Zm0 1.58A24.42 24.42 0 1 0 50.42 26 24.42 24.42 0 0 0 26 1.58Zm10.3 22c2.27 1.36 2.27 3.6 0 5l-13.16 7.79c-2.28 1.36-4.14.44-4.14-2v-16.7c0-2.49 1.86-3.4 4.13-2Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play_fill_new.tsx b/frontend/app/components/ui/Icons/play_fill_new.tsx
index c136dcdc3..3e4dbcf06 100644
--- a/frontend/app/components/ui/Icons/play_fill_new.tsx
+++ b/frontend/app/components/ui/Icons/play_fill_new.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Play_fill_new(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/play_hover.tsx b/frontend/app/components/ui/Icons/play_hover.tsx
index c0610fd86..95b616ae0 100644
--- a/frontend/app/components/ui/Icons/play_hover.tsx
+++ b/frontend/app/components/ui/Icons/play_hover.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Play_hover(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/plug.tsx b/frontend/app/components/ui/Icons/plug.tsx
index 16e845d13..6f15b822a 100644
--- a/frontend/app/components/ui/Icons/plug.tsx
+++ b/frontend/app/components/ui/Icons/plug.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Plug(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/plus.tsx b/frontend/app/components/ui/Icons/plus.tsx
index 407d0bffe..7bc4c907d 100644
--- a/frontend/app/components/ui/Icons/plus.tsx
+++ b/frontend/app/components/ui/Icons/plus.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Plus(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/plus_circle.tsx b/frontend/app/components/ui/Icons/plus_circle.tsx
index 8aeea49e6..36c4507f9 100644
--- a/frontend/app/components/ui/Icons/plus_circle.tsx
+++ b/frontend/app/components/ui/Icons/plus_circle.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Plus_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/prev1.tsx b/frontend/app/components/ui/Icons/prev1.tsx
index 07c91b06c..b8135b793 100644
--- a/frontend/app/components/ui/Icons/prev1.tsx
+++ b/frontend/app/components/ui/Icons/prev1.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Prev1(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pulse.tsx b/frontend/app/components/ui/Icons/pulse.tsx
index ccb776215..9e83cec6b 100644
--- a/frontend/app/components/ui/Icons/pulse.tsx
+++ b/frontend/app/components/ui/Icons/pulse.tsx
@@ -9,15 +9,9 @@ interface Props {
 }
 
 function Pulse(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 26 20" width={`${width}px`} height={`${height}px`}>
-      <path
-        clipRule="evenodd"
-        d="M1.117.398a.813.813 0 0 0-1.23.388L-3.17 9.187h-5.118a.812.812 0 1 0 0 1.626H-2.6a.813.813 0 0 0 .764-.535L.65 3.44l5.736 15.773a.813.813 0 0 0 1.528 0l3.055-8.401H18.2a.812.812 0 0 0 .764-.535L21.45 3.44l5.736 15.773a.812.812 0 0 0 1.528 0l3.055-8.401h5.119c.055 0 .109-.006.162-.017.053.01.108.017.163.017H42.9a.812.812 0 0 0 .764-.535L46.15 3.44l5.736 15.773a.813.813 0 0 0 1.528 0l3.055-8.401h5.118a.812.812 0 1 0 0-1.626H55.9a.812.812 0 0 0-.764.534l-2.486 6.837L46.914.786a.813.813 0 0 0-1.528 0l-3.055 8.401h-5.119a.813.813 0 0 0-.162.017.813.813 0 0 0-.162-.017H31.2a.812.812 0 0 0-.764.534l-2.486 6.837L22.214.786a.813.813 0 0 0-1.528 0l-3.055 8.401H10.4a.812.812 0 0 0-.764.534L7.15 16.557 1.414.786a.813.813 0 0 0-.297-.388Z"
-        fill="#42AE5E"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 26 20" width={ `${ width }px` } height={ `${ height }px` } ><path clipRule="evenodd" d="M1.117.398a.813.813 0 0 0-1.23.388L-3.17 9.187h-5.118a.812.812 0 1 0 0 1.626H-2.6a.813.813 0 0 0 .764-.535L.65 3.44l5.736 15.773a.813.813 0 0 0 1.528 0l3.055-8.401H18.2a.812.812 0 0 0 .764-.535L21.45 3.44l5.736 15.773a.812.812 0 0 0 1.528 0l3.055-8.401h5.119c.055 0 .109-.006.162-.017.053.01.108.017.163.017H42.9a.812.812 0 0 0 .764-.535L46.15 3.44l5.736 15.773a.813.813 0 0 0 1.528 0l3.055-8.401h5.118a.812.812 0 1 0 0-1.626H55.9a.812.812 0 0 0-.764.534l-2.486 6.837L46.914.786a.813.813 0 0 0-1.528 0l-3.055 8.401h-5.119a.813.813 0 0 0-.162.017.813.813 0 0 0-.162-.017H31.2a.812.812 0 0 0-.764.534l-2.486 6.837L22.214.786a.813.813 0 0 0-1.528 0l-3.055 8.401H10.4a.812.812 0 0 0-.764.534L7.15 16.557 1.414.786a.813.813 0 0 0-.297-.388Z" fill="#42AE5E"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/puppeteer.tsx b/frontend/app/components/ui/Icons/puppeteer.tsx
index 89f9463e9..d094e9365 100644
--- a/frontend/app/components/ui/Icons/puppeteer.tsx
+++ b/frontend/app/components/ui/Icons/puppeteer.tsx
@@ -1,12 +1,11 @@
-
 /* Auto-generated, do not edit */
 import React from 'react';
 
 interface Props {
-    size?: number | string;
-    width?: number | string;
-    height?: number | string;
-    fill?: string;
+  size?: number | string;
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
 }
 
 function Puppeteer(props: Props) {
diff --git a/frontend/app/components/ui/Icons/puzzle.tsx b/frontend/app/components/ui/Icons/puzzle.tsx
index c7b80ba51..b62dd1e6b 100644
--- a/frontend/app/components/ui/Icons/puzzle.tsx
+++ b/frontend/app/components/ui/Icons/puzzle.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Puzzle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.459.459 0 0 0-.115.118.113.113 0 0 0-.012.025L6.5 4.5v.003l.003.01c.004.01.014.028.036.053a.86.86 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.86.86 0 0 0 .271-.194.213.213 0 0 0 .039-.063v-.009a.112.112 0 0 0-.012-.025.459.459 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.459.459 0 0 0 .115-.118.113.113 0 0 0 .012-.025L9.5 11.5v-.003a.214.214 0 0 0-.039-.064.859.859 0 0 0-.27-.193C8.91 11.1 8.49 11 8 11c-.491 0-.912.1-1.19.24a.859.859 0 0 0-.271.194.214.214 0 0 0-.039.063v.003l.001.006a.113.113 0 0 0 .012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238l-.244-2.855zM4.605 3a.5.5 0 0 0-.498.55l.001.007.29 3.4A.5.5 0 0 1 3.9 7.5h-.782c-.696 0-1.182-.497-1.469-.872a.459.459 0 0 0-.118-.115.112.112 0 0 0-.025-.012L1.5 6.5h-.003a.213.213 0 0 0-.064.039.86.86 0 0 0-.193.27C1.1 7.09 1 7.51 1 8c0 .491.1.912.24 1.19.07.14.14.225.194.271a.213.213 0 0 0 .063.039H1.5l.006-.001a.112.112 0 0 0 .025-.012.459.459 0 0 0 .118-.115c.287-.375.773-.872 1.469-.872H3.9a.5.5 0 0 1 .498.542l-.29 3.408a.5.5 0 0 0 .497.55h1.878c-.048-.166-.195-.352-.463-.557-.274-.21-.52-.528-.52-.943 0-.568.447-.947.862-1.154C6.807 10.123 7.387 10 8 10s1.193.123 1.638.346c.415.207.862.586.862 1.154 0 .415-.246.733-.52.943-.268.205-.415.39-.463.557h1.878a.5.5 0 0 0 .498-.55l-.001-.007-.29-3.4A.5.5 0 0 1 12.1 8.5h.782c.696 0 1.182.497 1.469.872.05.065.091.099.118.115.013.008.021.01.025.012a.02.02 0 0 0 .006.001h.003a.214.214 0 0 0 .064-.039.86.86 0 0 0 .193-.27c.14-.28.24-.7.24-1.191 0-.492-.1-.912-.24-1.19a.86.86 0 0 0-.194-.271.215.215 0 0 0-.063-.039H14.5l-.006.001a.113.113 0 0 0-.025.012.459.459 0 0 0-.118.115c-.287.375-.773.872-1.469.872H12.1a.5.5 0 0 1-.498-.543l.29-3.407a.5.5 0 0 0-.497-.55H9.517c.048.166.195.352.463.557.274.21.52.528.52.943 0 .568-.447.947-.862 1.154C9.193 5.877 8.613 6 8 6s-1.193-.123-1.638-.346C5.947 5.447 5.5 5.068 5.5 4.5c0-.415.246-.733.52-.943.268-.205.415-.39.463-.557H4.605z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.459.459 0 0 0-.115.118.113.113 0 0 0-.012.025L6.5 4.5v.003l.003.01c.004.01.014.028.036.053a.86.86 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.86.86 0 0 0 .271-.194.213.213 0 0 0 .039-.063v-.009a.112.112 0 0 0-.012-.025.459.459 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.459.459 0 0 0 .115-.118.113.113 0 0 0 .012-.025L9.5 11.5v-.003a.214.214 0 0 0-.039-.064.859.859 0 0 0-.27-.193C8.91 11.1 8.49 11 8 11c-.491 0-.912.1-1.19.24a.859.859 0 0 0-.271.194.214.214 0 0 0-.039.063v.003l.001.006a.113.113 0 0 0 .012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238l-.244-2.855zM4.605 3a.5.5 0 0 0-.498.55l.001.007.29 3.4A.5.5 0 0 1 3.9 7.5h-.782c-.696 0-1.182-.497-1.469-.872a.459.459 0 0 0-.118-.115.112.112 0 0 0-.025-.012L1.5 6.5h-.003a.213.213 0 0 0-.064.039.86.86 0 0 0-.193.27C1.1 7.09 1 7.51 1 8c0 .491.1.912.24 1.19.07.14.14.225.194.271a.213.213 0 0 0 .063.039H1.5l.006-.001a.112.112 0 0 0 .025-.012.459.459 0 0 0 .118-.115c.287-.375.773-.872 1.469-.872H3.9a.5.5 0 0 1 .498.542l-.29 3.408a.5.5 0 0 0 .497.55h1.878c-.048-.166-.195-.352-.463-.557-.274-.21-.52-.528-.52-.943 0-.568.447-.947.862-1.154C6.807 10.123 7.387 10 8 10s1.193.123 1.638.346c.415.207.862.586.862 1.154 0 .415-.246.733-.52.943-.268.205-.415.39-.463.557h1.878a.5.5 0 0 0 .498-.55l-.001-.007-.29-3.4A.5.5 0 0 1 12.1 8.5h.782c.696 0 1.182.497 1.469.872.05.065.091.099.118.115.013.008.021.01.025.012a.02.02 0 0 0 .006.001h.003a.214.214 0 0 0 .064-.039.86.86 0 0 0 .193-.27c.14-.28.24-.7.24-1.191 0-.492-.1-.912-.24-1.19a.86.86 0 0 0-.194-.271.215.215 0 0 0-.063-.039H14.5l-.006.001a.113.113 0 0 0-.025.012.459.459 0 0 0-.118.115c-.287.375-.773.872-1.469.872H12.1a.5.5 0 0 1-.498-.543l.29-3.407a.5.5 0 0 0-.497-.55H9.517c.048.166.195.352.463.557.274.21.52.528.52.943 0 .568-.447.947-.862 1.154C9.193 5.877 8.613 6 8 6s-1.193-.123-1.638-.346C5.947 5.447 5.5 5.068 5.5 4.5c0-.415.246-.733.52-.943.268-.205.415-.39.463-.557H4.605z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/puzzle_piece.tsx b/frontend/app/components/ui/Icons/puzzle_piece.tsx
index f9afb5da2..9e1e717e7 100644
--- a/frontend/app/components/ui/Icons/puzzle_piece.tsx
+++ b/frontend/app/components/ui/Icons/puzzle_piece.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Puzzle_piece(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/pwright.tsx b/frontend/app/components/ui/Icons/pwright.tsx
index 8a05aac0a..7075ee22c 100644
--- a/frontend/app/components/ui/Icons/pwright.tsx
+++ b/frontend/app/components/ui/Icons/pwright.tsx
@@ -1,12 +1,11 @@
-
 /* Auto-generated, do not edit */
 import React from 'react';
 
 interface Props {
-    size?: number | string;
-    width?: number | string;
-    height?: number | string;
-    fill?: string;
+  size?: number | string;
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
 }
 
 function Pwright(props: Props) {
diff --git a/frontend/app/components/ui/Icons/question_circle.tsx b/frontend/app/components/ui/Icons/question_circle.tsx
index d6cd4c503..1a433b773 100644
--- a/frontend/app/components/ui/Icons/question_circle.tsx
+++ b/frontend/app/components/ui/Icons/question_circle.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Question_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/question_lg.tsx b/frontend/app/components/ui/Icons/question_lg.tsx
index f72be8e84..9e237189b 100644
--- a/frontend/app/components/ui/Icons/question_lg.tsx
+++ b/frontend/app/components/ui/Icons/question_lg.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Question_lg(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215 0 1.344-.665 2.288-1.79 2.973-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712 1.03-.632 1.397-1.135 1.397-2.028 0-.979-.758-1.698-1.926-1.698-1.009 0-1.71.529-1.938 1.402-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09 0-.618-.473-1.092-1.095-1.092-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215 0 1.344-.665 2.288-1.79 2.973-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712 1.03-.632 1.397-1.135 1.397-2.028 0-.979-.758-1.698-1.926-1.698-1.009 0-1.71.529-1.938 1.402-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09 0-.618-.473-1.092-1.095-1.092-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/quotes.tsx b/frontend/app/components/ui/Icons/quotes.tsx
index 1e87ed321..a7f27ad31 100644
--- a/frontend/app/components/ui/Icons/quotes.tsx
+++ b/frontend/app/components/ui/Icons/quotes.tsx
@@ -9,14 +9,9 @@ interface Props {
 }
 
 function Quotes(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 29 19" width={`${width}px`} height={`${height}px`}>
-      <path
-        opacity=".7"
-        d="M11.636 2.905A6.318 6.318 0 0 0 0 6.35a6.326 6.326 0 0 0 9.719 5.336c-.497 1.476-1.423 3.051-2.949 4.63a1.583 1.583 0 1 0 2.277 2.201c5.64-5.844 4.907-12.197 2.588-15.605v-.007Zm15.18 0A6.318 6.318 0 0 0 15.18 6.35a6.326 6.326 0 0 0 9.719 5.336c-.497 1.476-1.423 3.051-2.949 4.63a1.583 1.583 0 1 0 2.277 2.201c5.64-5.844 4.907-12.197 2.588-15.605v-.007Z"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 29 19" width={ `${ width }px` } height={ `${ height }px` } ><path opacity=".7" d="M11.636 2.905A6.318 6.318 0 0 0 0 6.35a6.326 6.326 0 0 0 9.719 5.336c-.497 1.476-1.423 3.051-2.949 4.63a1.583 1.583 0 1 0 2.277 2.201c5.64-5.844 4.907-12.197 2.588-15.605v-.007Zm15.18 0A6.318 6.318 0 0 0 15.18 6.35a6.326 6.326 0 0 0 9.719 5.336c-.497 1.476-1.423 3.051-2.949 4.63a1.583 1.583 0 1 0 2.277 2.201c5.64-5.844 4.907-12.197 2.588-15.605v-.007Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/record2.tsx b/frontend/app/components/ui/Icons/record2.tsx
index 49214e25d..1289f5eb4 100644
--- a/frontend/app/components/ui/Icons/record2.tsx
+++ b/frontend/app/components/ui/Icons/record2.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Record2(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 1A5 5 0 1 0 8 3a5 5 0 0 0 0 10z" />
-      <path d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 1A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/><path d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/record_circle.tsx b/frontend/app/components/ui/Icons/record_circle.tsx
index 247ef2810..1681d065c 100644
--- a/frontend/app/components/ui/Icons/record_circle.tsx
+++ b/frontend/app/components/ui/Icons/record_circle.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Record_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/record_circle_fill.tsx b/frontend/app/components/ui/Icons/record_circle_fill.tsx
index c651c885c..1415bac3f 100644
--- a/frontend/app/components/ui/Icons/record_circle_fill.tsx
+++ b/frontend/app/components/ui/Icons/record_circle_fill.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Record_circle_fill(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/redo.tsx b/frontend/app/components/ui/Icons/redo.tsx
index 804740454..c7b169f91 100644
--- a/frontend/app/components/ui/Icons/redo.tsx
+++ b/frontend/app/components/ui/Icons/redo.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Redo(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M492 8h-10c-6.627 0-12 5.373-12 12v110.625C426.804 57.047 346.761 7.715 255.207 8.001 118.82 8.428 7.787 120.009 8 256.396 8.214 393.181 119.166 504 256 504c63.926 0 122.202-24.187 166.178-63.908 5.113-4.618 5.354-12.561.482-17.433l-7.069-7.069c-4.503-4.503-11.749-4.714-16.482-.454C361.218 449.238 311.065 470 256 470c-117.744 0-214-95.331-214-214 0-117.744 95.331-214 214-214 82.862 0 154.737 47.077 190.289 116H332c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h160c6.627 0 12-5.373 12-12V20c0-6.627-5.373-12-12-12z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M492 8h-10c-6.627 0-12 5.373-12 12v110.625C426.804 57.047 346.761 7.715 255.207 8.001 118.82 8.428 7.787 120.009 8 256.396 8.214 393.181 119.166 504 256 504c63.926 0 122.202-24.187 166.178-63.908 5.113-4.618 5.354-12.561.482-17.433l-7.069-7.069c-4.503-4.503-11.749-4.714-16.482-.454C361.218 449.238 311.065 470 256 470c-117.744 0-214-95.331-214-214 0-117.744 95.331-214 214-214 82.862 0 154.737 47.077 190.289 116H332c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h160c6.627 0 12-5.373 12-12V20c0-6.627-5.373-12-12-12z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/redux.tsx b/frontend/app/components/ui/Icons/redux.tsx
index 7fcd5f1c4..41bcd5f80 100644
--- a/frontend/app/components/ui/Icons/redux.tsx
+++ b/frontend/app/components/ui/Icons/redux.tsx
@@ -9,14 +9,9 @@ interface Props {
 }
 
 function Redux(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path
-        clipRule="evenodd"
-        d="M5.912 11.901a.974.974 0 0 1-.97-.936.779.779 0 0 1 .12-.503c-.97-1.682-1.49-3.814-.693-6.034.572-1.664 2.011-2.791 3.572-2.791 1.664 0 3.398 1.456 3.606 4.265a11.74 11.74 0 0 0-.867-.26c-.052-.92-.832-3.208-2.67-3.173-.659.017-1.63.33-2.132.97-.607.746-.954 1.648-1.023 2.688-.104 1.387.19 2.67.901 3.85.035-.018.087-.018.122-.018h.034c.52 0 .954.416.971.937a.97.97 0 0 1-.936 1.005h-.035Zm7.844-3.38c-1.318-1.544-3.26-2.394-5.479-2.394H8a.953.953 0 0 0-.85-.52h-.034A.97.97 0 0 0 7.15 7.55h.035a.977.977 0 0 0 .85-.59h.312c1.317 0 2.566.382 3.693 1.128.867.572 1.49 1.317 1.838 2.22.294.727.277 1.438-.035 2.045-.486.919-1.3 1.422-2.376 1.422a4.436 4.436 0 0 1-1.699-.364c-.19.173-.537.45-.78.624.746.347 1.509.537 2.237.537 1.664 0 2.895-.919 3.364-1.838.502-1.005.468-2.739-.833-4.213Zm-3.052 2.15a.974.974 0 0 0-.104-1.942h-.034a.97.97 0 0 0-.937 1.005c.018.26.122.485.278.641-.59 1.162-1.491 2.012-2.844 2.723-.919.485-1.872.659-2.826.537-.78-.104-1.387-.45-1.768-1.023-.555-.85-.607-1.768-.14-2.687.33-.66.85-1.145 1.18-1.387a9.35 9.35 0 0 1-.225-.885c-2.515 1.82-2.254 4.283-1.492 5.445.573.866 1.734 1.404 3.017 1.404.347 0 .694-.035 1.04-.121 2.22-.434 3.902-1.752 4.855-3.71Z"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path clipRule="evenodd" d="M5.912 11.901a.974.974 0 0 1-.97-.936.779.779 0 0 1 .12-.503c-.97-1.682-1.49-3.814-.693-6.034.572-1.664 2.011-2.791 3.572-2.791 1.664 0 3.398 1.456 3.606 4.265a11.74 11.74 0 0 0-.867-.26c-.052-.92-.832-3.208-2.67-3.173-.659.017-1.63.33-2.132.97-.607.746-.954 1.648-1.023 2.688-.104 1.387.19 2.67.901 3.85.035-.018.087-.018.122-.018h.034c.52 0 .954.416.971.937a.97.97 0 0 1-.936 1.005h-.035Zm7.844-3.38c-1.318-1.544-3.26-2.394-5.479-2.394H8a.953.953 0 0 0-.85-.52h-.034A.97.97 0 0 0 7.15 7.55h.035a.977.977 0 0 0 .85-.59h.312c1.317 0 2.566.382 3.693 1.128.867.572 1.49 1.317 1.838 2.22.294.727.277 1.438-.035 2.045-.486.919-1.3 1.422-2.376 1.422a4.436 4.436 0 0 1-1.699-.364c-.19.173-.537.45-.78.624.746.347 1.509.537 2.237.537 1.664 0 2.895-.919 3.364-1.838.502-1.005.468-2.739-.833-4.213Zm-3.052 2.15a.974.974 0 0 0-.104-1.942h-.034a.97.97 0 0 0-.937 1.005c.018.26.122.485.278.641-.59 1.162-1.491 2.012-2.844 2.723-.919.485-1.872.659-2.826.537-.78-.104-1.387-.45-1.768-1.023-.555-.85-.607-1.768-.14-2.687.33-.66.85-1.145 1.18-1.387a9.35 9.35 0 0 1-.225-.885c-2.515 1.82-2.254 4.283-1.492 5.445.573.866 1.734 1.404 3.017 1.404.347 0 .694-.035 1.04-.121 2.22-.434 3.902-1.752 4.855-3.71Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/referrer.tsx b/frontend/app/components/ui/Icons/referrer.tsx
index cc5e679d9..ec7eec9da 100644
--- a/frontend/app/components/ui/Icons/referrer.tsx
+++ b/frontend/app/components/ui/Icons/referrer.tsx
@@ -9,36 +9,9 @@ interface Props {
 }
 
 function Referrer(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      fill="none"
-      viewBox="0 0.6 24 24"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect y=".6" width="24" height="24" rx="12" fill="#EBF4F5" />
-      <path
-        d="M10.5 8.1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
-        fill="#fff"
-        stroke="#24959A"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M9.5 12.1v2a1 1 0 0 0 1 1h2"
-        stroke="#24959A"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path
-        d="M15.5 13.1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z"
-        fill="#fff"
-        stroke="#24959A"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg fill="none" viewBox="0 0.6 24 24" width={ `${ width }px` } height={ `${ height }px` } ><rect y=".6" width="24" height="24" rx="12" fill="#EBF4F5"/><path d="M10.5 8.1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z" fill="#fff" stroke="#24959A" strokeLinecap="round" strokeLinejoin="round"/><path d="M9.5 12.1v2a1 1 0 0 0 1 1h2" stroke="#24959A" strokeLinecap="round" strokeLinejoin="round"/><path d="M15.5 13.1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Z" fill="#fff" stroke="#24959A" strokeLinecap="round" strokeLinejoin="round"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/remote_control.tsx b/frontend/app/components/ui/Icons/remote_control.tsx
index fb73b565d..d15da8e7a 100644
--- a/frontend/app/components/ui/Icons/remote_control.tsx
+++ b/frontend/app/components/ui/Icons/remote_control.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Remote_control(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 14" width={`${width}px`} height={`${height}px`}>
-      <path d="M.59.59A2 2 0 0 0 0 2v8a2 2 0 0 0 .59 1.41A2 2 0 0 0 2 12h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.71-.29A1 1 0 0 1 1 10V5h13v1a.5.5 0 0 0 1 0V2a2 2 0 0 0-2-2H2A2 2 0 0 0 .59.59ZM14 4H1V2a1 1 0 0 1 .29-.71A1 1 0 0 1 2 1h11a1 1 0 0 1 1 1ZM2.85 2.85a.48.48 0 0 1-.7 0 .48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7Zm1.5 0a.5.5 0 1 1-.7-.7.5.5 0 1 1 .7.7Zm1.5 0a.5.5 0 1 0-.7-.7.5.5 0 1 0 .7.7ZM15 13a3.48 3.48 0 1 0-2.47 1A3.46 3.46 0 0 0 15 13Zm-4.2-4.46a.31.31 0 0 1 .19 0l3.33 1.34a.33.33 0 0 1 .15.11.34.34 0 0 1 0 .37.3.3 0 0 1-.13.12l-.92.46 1 1a.35.35 0 0 1 .1.24.34.34 0 0 1-.1.23.33.33 0 0 1-.23.1.35.35 0 0 1-.24-.1l-1-1-.46.92a.3.3 0 0 1-.12.13.34.34 0 0 1-.37 0 .33.33 0 0 1-.11-.15L10.52 9a.31.31 0 0 1 0-.19.33.33 0 0 1 .26-.26Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 14" width={ `${ width }px` } height={ `${ height }px` } ><path d="M.59.59A2 2 0 0 0 0 2v8a2 2 0 0 0 .59 1.41A2 2 0 0 0 2 12h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.71-.29A1 1 0 0 1 1 10V5h13v1a.5.5 0 0 0 1 0V2a2 2 0 0 0-2-2H2A2 2 0 0 0 .59.59ZM14 4H1V2a1 1 0 0 1 .29-.71A1 1 0 0 1 2 1h11a1 1 0 0 1 1 1ZM2.85 2.85a.48.48 0 0 1-.7 0 .48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7Zm1.5 0a.5.5 0 1 1-.7-.7.5.5 0 1 1 .7.7Zm1.5 0a.5.5 0 1 0-.7-.7.5.5 0 1 0 .7.7ZM15 13a3.48 3.48 0 1 0-2.47 1A3.46 3.46 0 0 0 15 13Zm-4.2-4.46a.31.31 0 0 1 .19 0l3.33 1.34a.33.33 0 0 1 .15.11.34.34 0 0 1 0 .37.3.3 0 0 1-.13.12l-.92.46 1 1a.35.35 0 0 1 .1.24.34.34 0 0 1-.1.23.33.33 0 0 1-.23.1.35.35 0 0 1-.24-.1l-1-1-.46.92a.3.3 0 0 1-.12.13.34.34 0 0 1-.37 0 .33.33 0 0 1-.11-.15L10.52 9a.31.31 0 0 1 0-.19.33.33 0 0 1 .26-.26Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/resources_icon.tsx b/frontend/app/components/ui/Icons/resources_icon.tsx
index 705d82ba4..d1aa02864 100644
--- a/frontend/app/components/ui/Icons/resources_icon.tsx
+++ b/frontend/app/components/ui/Icons/resources_icon.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Resources_icon(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/safe.tsx b/frontend/app/components/ui/Icons/safe.tsx
index a8145be67..cedd60669 100644
--- a/frontend/app/components/ui/Icons/safe.tsx
+++ b/frontend/app/components/ui/Icons/safe.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Safe(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 1.5A1.5 1.5 0 0 1 2.5 0h12A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V13H.5a.5.5 0 0 1 0-1H1V8.5H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1V1.5zM2.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5h-12z" />
-      <path d="M13.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zM4.828 4.464a.5.5 0 0 1 .708 0l1.09 1.09a3.003 3.003 0 0 1 3.476 0l1.09-1.09a.5.5 0 1 1 .707.708l-1.09 1.09c.74 1.037.74 2.44 0 3.476l1.09 1.09a.5.5 0 1 1-.707.708l-1.09-1.09a3.002 3.002 0 0 1-3.476 0l-1.09 1.09a.5.5 0 1 1-.708-.708l1.09-1.09a3.003 3.003 0 0 1 0-3.476l-1.09-1.09a.5.5 0 0 1 0-.708zM6.95 6.586a2 2 0 1 0 2.828 2.828A2 2 0 0 0 6.95 6.586z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 1.5A1.5 1.5 0 0 1 2.5 0h12A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V13H.5a.5.5 0 0 1 0-1H1V8.5H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1V1.5zM2.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5h-12z"/><path d="M13.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zM4.828 4.464a.5.5 0 0 1 .708 0l1.09 1.09a3.003 3.003 0 0 1 3.476 0l1.09-1.09a.5.5 0 1 1 .707.708l-1.09 1.09c.74 1.037.74 2.44 0 3.476l1.09 1.09a.5.5 0 1 1-.707.708l-1.09-1.09a3.002 3.002 0 0 1-3.476 0l-1.09 1.09a.5.5 0 1 1-.708-.708l1.09-1.09a3.003 3.003 0 0 1 0-3.476l-1.09-1.09a.5.5 0 0 1 0-.708zM6.95 6.586a2 2 0 1 0 2.828 2.828A2 2 0 0 0 6.95 6.586z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/sandglass.tsx b/frontend/app/components/ui/Icons/sandglass.tsx
index 0a1eec277..6912d8e25 100644
--- a/frontend/app/components/ui/Icons/sandglass.tsx
+++ b/frontend/app/components/ui/Icons/sandglass.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Sandglass(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 384 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M368 32h4c6.627 0 12-5.373 12-12v-8c0-6.627-5.373-12-12-12H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h4c0 91.821 44.108 193.657 129.646 224C59.832 286.441 16 388.477 16 480h-4c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h360c6.627 0 12-5.373 12-12v-8c0-6.627-5.373-12-12-12h-4c0-91.821-44.108-193.657-129.646-224C324.168 225.559 368 123.523 368 32zM48 32h288c0 110.457-64.471 200-144 200S48 142.457 48 32zm288 448H48c0-110.457 64.471-200 144-200s144 89.543 144 200z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 384 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M368 32h4c6.627 0 12-5.373 12-12v-8c0-6.627-5.373-12-12-12H12C5.373 0 0 5.373 0 12v8c0 6.627 5.373 12 12 12h4c0 91.821 44.108 193.657 129.646 224C59.832 286.441 16 388.477 16 480h-4c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h360c6.627 0 12-5.373 12-12v-8c0-6.627-5.373-12-12-12h-4c0-91.821-44.108-193.657-129.646-224C324.168 225.559 368 123.523 368 32zM48 32h288c0 110.457-64.471 200-144 200S48 142.457 48 32zm288 448H48c0-110.457 64.471-200 144-200s144 89.543 144 200z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/search.tsx b/frontend/app/components/ui/Icons/search.tsx
index 106c037db..4b1d373ed 100644
--- a/frontend/app/components/ui/Icons/search.tsx
+++ b/frontend/app/components/ui/Icons/search.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Search(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/server.tsx b/frontend/app/components/ui/Icons/server.tsx
index b9445293d..fd2a4b1ad 100644
--- a/frontend/app/components/ui/Icons/server.tsx
+++ b/frontend/app/components/ui/Icons/server.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Server(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M376 256c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm-40 24c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm176-128c0 12.296-4.629 23.507-12.232 32 7.603 8.493 12.232 19.704 12.232 32v80c0 12.296-4.629 23.507-12.232 32 7.603 8.493 12.232 19.704 12.232 32v80c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-80c0-12.296 4.629-23.507 12.232-32C4.629 319.507 0 308.296 0 296v-80c0-12.296 4.629-23.507 12.232-32C4.629 175.507 0 164.296 0 152V72c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v80zm-480 0c0 8.822 7.178 16 16 16h416c8.822 0 16-7.178 16-16V72c0-8.822-7.178-16-16-16H48c-8.822 0-16 7.178-16 16v80zm432 48H48c-8.822 0-16 7.178-16 16v80c0 8.822 7.178 16 16 16h416c8.822 0 16-7.178 16-16v-80c0-8.822-7.178-16-16-16zm16 160c0-8.822-7.178-16-16-16H48c-8.822 0-16 7.178-16 16v80c0 8.822 7.178 16 16 16h416c8.822 0 16-7.178 16-16v-80zm-80-224c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm-64 0c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm64 240c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M376 256c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm-40 24c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm176-128c0 12.296-4.629 23.507-12.232 32 7.603 8.493 12.232 19.704 12.232 32v80c0 12.296-4.629 23.507-12.232 32 7.603 8.493 12.232 19.704 12.232 32v80c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-80c0-12.296 4.629-23.507 12.232-32C4.629 319.507 0 308.296 0 296v-80c0-12.296 4.629-23.507 12.232-32C4.629 175.507 0 164.296 0 152V72c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v80zm-480 0c0 8.822 7.178 16 16 16h416c8.822 0 16-7.178 16-16V72c0-8.822-7.178-16-16-16H48c-8.822 0-16 7.178-16 16v80zm432 48H48c-8.822 0-16 7.178-16 16v80c0 8.822 7.178 16 16 16h416c8.822 0 16-7.178 16-16v-80c0-8.822-7.178-16-16-16zm16 160c0-8.822-7.178-16-16-16H48c-8.822 0-16 7.178-16 16v80c0 8.822 7.178 16 16 16h416c8.822 0 16-7.178 16-16v-80zm-80-224c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm-64 0c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm64 240c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/share_alt.tsx b/frontend/app/components/ui/Icons/share_alt.tsx
index 75a122887..dd6feba55 100644
--- a/frontend/app/components/ui/Icons/share_alt.tsx
+++ b/frontend/app/components/ui/Icons/share_alt.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Share_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/shield_lock.tsx b/frontend/app/components/ui/Icons/shield_lock.tsx
index fccc44b71..0710a27cd 100644
--- a/frontend/app/components/ui/Icons/shield_lock.tsx
+++ b/frontend/app/components/ui/Icons/shield_lock.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Shield_lock(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z" />
-      <path d="M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/><path d="M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/side_menu_closed.tsx b/frontend/app/components/ui/Icons/side_menu_closed.tsx
index 9a90a7fd3..888864f6c 100644
--- a/frontend/app/components/ui/Icons/side_menu_closed.tsx
+++ b/frontend/app/components/ui/Icons/side_menu_closed.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Side_menu_closed(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="#999"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M4 12h16M4 6h16M4 18h16" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="#999" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 12h16M4 6h16M4 18h16"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/side_menu_open.tsx b/frontend/app/components/ui/Icons/side_menu_open.tsx
index cccca91bf..c1aef0ae9 100644
--- a/frontend/app/components/ui/Icons/side_menu_open.tsx
+++ b/frontend/app/components/ui/Icons/side_menu_open.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Side_menu_open(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="#999"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
-      <path d="M9 3v18M16 15l-3-3 3-3" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="#999" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M9 3v18M16 15l-3-3 3-3"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/signpost_split.tsx b/frontend/app/components/ui/Icons/signpost_split.tsx
index 066c53ea7..6a3a8ffb8 100644
--- a/frontend/app/components/ui/Icons/signpost_split.tsx
+++ b/frontend/app/components/ui/Icons/signpost_split.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Signpost_split(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      fill="currentColor"
-      stroke="transparent"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M14 2.667a.667.667 0 0 0-.667.666V4H2.667v-.667a.667.667 0 0 0-1.334 0v4a.667.667 0 0 0 1.334 0v-.666c2.773 0 3.946 1.406 5.18 2.893 1.233 1.487 2.586 3.107 5.486 3.107v.666a.667.667 0 1 0 1.334 0v-2.666a.667.667 0 0 0-1.334 0v.666c-2.273 0-3.286-1.22-4.46-2.626-1.313-1.58-2.806-3.374-6.206-3.374h10.666V6a.667.667 0 0 0 1.334 0V3.333A.667.667 0 0 0 14 2.667Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" fill="currentColor" stroke="transparent" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 2.667a.667.667 0 0 0-.667.666V4H2.667v-.667a.667.667 0 0 0-1.334 0v4a.667.667 0 0 0 1.334 0v-.666c2.773 0 3.946 1.406 5.18 2.893 1.233 1.487 2.586 3.107 5.486 3.107v.666a.667.667 0 1 0 1.334 0v-2.666a.667.667 0 0 0-1.334 0v.666c-2.273 0-3.286-1.22-4.46-2.626-1.313-1.58-2.806-3.374-6.206-3.374h10.666V6a.667.667 0 0 0 1.334 0V3.333A.667.667 0 0 0 14 2.667Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/signup.tsx b/frontend/app/components/ui/Icons/signup.tsx
index 7550680bd..beeb66be7 100644
--- a/frontend/app/components/ui/Icons/signup.tsx
+++ b/frontend/app/components/ui/Icons/signup.tsx
@@ -9,14 +9,9 @@ interface Props {
 }
 
 function Signup(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 25 42" width={`${width}px`} height={`${height}px`}>
-      <path
-        d="M3.5 35A3.501 3.501 0 1 1 0 38.5C0 36.568 1.568 35 3.5 35Zm9-9A3.501 3.501 0 1 1 9 29.5c0-1.932 1.568-3.5 3.5-3.5Zm-9 0A3.501 3.501 0 1 1 0 29.5C0 27.568 1.568 26 3.5 26Zm18-8a3.5 3.5 0 1 1-.002 6.998A3.5 3.5 0 0 1 21.5 18Zm-9 0a3.5 3.5 0 1 1-.002 6.998A3.5 3.5 0 0 1 12.5 18Zm-9 0a3.5 3.5 0 1 1-.002 6.998A3.5 3.5 0 0 1 3.5 18Zm9-9a3.501 3.501 0 1 1-.002 6.998A3.501 3.501 0 0 1 12.5 9Zm-9 0a3.501 3.501 0 1 1-.002 6.998A3.501 3.501 0 0 1 3.5 9Zm0-9C5.432 0 7 1.568 7 3.5S5.432 7 3.5 7A3.501 3.501 0 0 1 0 3.5C0 1.568 1.568 0 3.5 0Z"
-        fill="#FFF"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 25 42" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3.5 35A3.501 3.501 0 1 1 0 38.5C0 36.568 1.568 35 3.5 35Zm9-9A3.501 3.501 0 1 1 9 29.5c0-1.932 1.568-3.5 3.5-3.5Zm-9 0A3.501 3.501 0 1 1 0 29.5C0 27.568 1.568 26 3.5 26Zm18-8a3.5 3.5 0 1 1-.002 6.998A3.5 3.5 0 0 1 21.5 18Zm-9 0a3.5 3.5 0 1 1-.002 6.998A3.5 3.5 0 0 1 12.5 18Zm-9 0a3.5 3.5 0 1 1-.002 6.998A3.5 3.5 0 0 1 3.5 18Zm9-9a3.501 3.501 0 1 1-.002 6.998A3.501 3.501 0 0 1 12.5 9Zm-9 0a3.501 3.501 0 1 1-.002 6.998A3.501 3.501 0 0 1 3.5 9Zm0-9C5.432 0 7 1.568 7 3.5S5.432 7 3.5 7A3.501 3.501 0 0 1 0 3.5C0 1.568 1.568 0 3.5 0Z" fill="#FFF"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/slack.tsx b/frontend/app/components/ui/Icons/slack.tsx
index f2993050b..103970a3e 100644
--- a/frontend/app/components/ui/Icons/slack.tsx
+++ b/frontend/app/components/ui/Icons/slack.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Slack(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/slash_circle.tsx b/frontend/app/components/ui/Icons/slash_circle.tsx
index 087f9f9c4..bfb6544e8 100644
--- a/frontend/app/components/ui/Icons/slash_circle.tsx
+++ b/frontend/app/components/ui/Icons/slash_circle.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Slash_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
-      <path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/sleep.tsx b/frontend/app/components/ui/Icons/sleep.tsx
index 5cd65b3e8..9f9f71309 100644
--- a/frontend/app/components/ui/Icons/sleep.tsx
+++ b/frontend/app/components/ui/Icons/sleep.tsx
@@ -9,19 +9,9 @@ interface Props {
 }
 
 function Sleep(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 7 7" width={`${width}px`} height={`${height}px`}>
-      <path
-        d="M.743 5.681A2.815 2.815 0 0 1 .7 5.166c0-.114.006-.221.017-.32.01-.1.026-.2.044-.3l1.544-2.4H.865a2.766 2.766 0 0 1-.027-.205 4.545 4.545 0 0 1 .005-.52c.007-.1.019-.189.033-.266h2.468c.007.066.013.134.017.205.007.07.01.145.01.226 0 .063-.001.135-.005.216-.003.078-.01.181-.022.31L1.8 4.502h1.577c.015.085.024.18.028.283a4.2 4.2 0 0 1 0 .63c-.004.1-.013.188-.028.266H.743ZM3.602 5.681a2.815 2.815 0 0 1-.044-.515c0-.114.005-.221.016-.32.011-.1.026-.2.044-.3l1.544-2.4H3.723a2.765 2.765 0 0 1-.027-.205 4.554 4.554 0 0 1 .005-.52c.008-.1.019-.189.034-.266h2.467c.008.066.013.134.017.205.007.07.011.145.011.226 0 .063-.002.135-.006.216-.003.078-.01.181-.022.31L4.66 4.502h1.577c.014.085.024.18.027.283a4.195 4.195 0 0 1 0 .63c-.003.1-.013.188-.027.266H3.602Z"
-        fill="#D6742D"
-      />
-      <path
-        clipRule="evenodd"
-        d="m.328 6.181-.076-.409a3.314 3.314 0 0 1-.053-.606c0-.13.007-.255.02-.376.012-.111.029-.223.05-.334l.017-.097 1.102-1.714H.446l-.073-.413A3.264 3.264 0 0 1 .34 1.99l-.001-.012v-.012a5.044 5.044 0 0 1 .005-.583 2.86 2.86 0 0 1 .041-.322L.463.655H6.65l.05.445c.007.072.013.146.018.22.008.086.012.175.012.266 0 .073-.002.152-.006.239v.001a9.1 9.1 0 0 1-.023.329l-.011.124-1.113 1.723h1.08l.071.415c.019.108.03.222.035.34a4.712 4.712 0 0 1 0 .686 2.265 2.265 0 0 1-.036.332l-.078.406H.328Zm3.05-.5a4.418 4.418 0 0 0 .028-.896 2.089 2.089 0 0 0-.029-.283H1.8l1.544-2.39.011-.137.001-.017a6.062 6.062 0 0 0 .016-.372 2.25 2.25 0 0 0-.011-.226 3.537 3.537 0 0 0-.017-.205H.876a2.366 2.366 0 0 0-.033.265 3.823 3.823 0 0 0-.005.52c.007.074.016.143.027.205h1.439L.76 4.547c-.018.1-.033.199-.044.298-.011.1-.017.207-.017.321 0 .185.015.356.044.515h2.634Zm.332-4.358a2.35 2.35 0 0 0-.009.097 3.742 3.742 0 0 0-.01.397l.005.124c.007.073.016.141.027.204h1.44L3.617 4.547a4.19 4.19 0 0 0-.035.224v.007a2.79 2.79 0 0 0-.025.388c0 .088.003.173.01.255v.006c.007.088.019.173.034.254h2.634c.014-.078.024-.166.027-.266a4.505 4.505 0 0 0 0-.63 2.09 2.09 0 0 0-.027-.283H4.659l1.543-2.39c.011-.129.019-.232.022-.31a4.81 4.81 0 0 0 .006-.216c0-.08-.004-.156-.011-.226a3.537 3.537 0 0 0-.017-.205H3.735c-.01.051-.018.107-.025.168Zm-.336 2.68.872-1.358h-.651l-.877 1.357h.656Z"
-        fill="#fff"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 7 7" width={ `${ width }px` } height={ `${ height }px` } ><path d="M.743 5.681A2.815 2.815 0 0 1 .7 5.166c0-.114.006-.221.017-.32.01-.1.026-.2.044-.3l1.544-2.4H.865a2.766 2.766 0 0 1-.027-.205 4.545 4.545 0 0 1 .005-.52c.007-.1.019-.189.033-.266h2.468c.007.066.013.134.017.205.007.07.01.145.01.226 0 .063-.001.135-.005.216-.003.078-.01.181-.022.31L1.8 4.502h1.577c.015.085.024.18.028.283a4.2 4.2 0 0 1 0 .63c-.004.1-.013.188-.028.266H.743ZM3.602 5.681a2.815 2.815 0 0 1-.044-.515c0-.114.005-.221.016-.32.011-.1.026-.2.044-.3l1.544-2.4H3.723a2.765 2.765 0 0 1-.027-.205 4.554 4.554 0 0 1 .005-.52c.008-.1.019-.189.034-.266h2.467c.008.066.013.134.017.205.007.07.011.145.011.226 0 .063-.002.135-.006.216-.003.078-.01.181-.022.31L4.66 4.502h1.577c.014.085.024.18.027.283a4.195 4.195 0 0 1 0 .63c-.003.1-.013.188-.027.266H3.602Z" fill="#D6742D"/><path clipRule="evenodd" d="m.328 6.181-.076-.409a3.314 3.314 0 0 1-.053-.606c0-.13.007-.255.02-.376.012-.111.029-.223.05-.334l.017-.097 1.102-1.714H.446l-.073-.413A3.264 3.264 0 0 1 .34 1.99l-.001-.012v-.012a5.044 5.044 0 0 1 .005-.583 2.86 2.86 0 0 1 .041-.322L.463.655H6.65l.05.445c.007.072.013.146.018.22.008.086.012.175.012.266 0 .073-.002.152-.006.239v.001a9.1 9.1 0 0 1-.023.329l-.011.124-1.113 1.723h1.08l.071.415c.019.108.03.222.035.34a4.712 4.712 0 0 1 0 .686 2.265 2.265 0 0 1-.036.332l-.078.406H.328Zm3.05-.5a4.418 4.418 0 0 0 .028-.896 2.089 2.089 0 0 0-.029-.283H1.8l1.544-2.39.011-.137.001-.017a6.062 6.062 0 0 0 .016-.372 2.25 2.25 0 0 0-.011-.226 3.537 3.537 0 0 0-.017-.205H.876a2.366 2.366 0 0 0-.033.265 3.823 3.823 0 0 0-.005.52c.007.074.016.143.027.205h1.439L.76 4.547c-.018.1-.033.199-.044.298-.011.1-.017.207-.017.321 0 .185.015.356.044.515h2.634Zm.332-4.358a2.35 2.35 0 0 0-.009.097 3.742 3.742 0 0 0-.01.397l.005.124c.007.073.016.141.027.204h1.44L3.617 4.547a4.19 4.19 0 0 0-.035.224v.007a2.79 2.79 0 0 0-.025.388c0 .088.003.173.01.255v.006c.007.088.019.173.034.254h2.634c.014-.078.024-.166.027-.266a4.505 4.505 0 0 0 0-.63 2.09 2.09 0 0 0-.027-.283H4.659l1.543-2.39c.011-.129.019-.232.022-.31a4.81 4.81 0 0 0 .006-.216c0-.08-.004-.156-.011-.226a3.537 3.537 0 0 0-.017-.205H3.735c-.01.051-.018.107-.025.168Zm-.336 2.68.872-1.358h-.651l-.877 1.357h.656Z" fill="#fff"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/sliders.tsx b/frontend/app/components/ui/Icons/sliders.tsx
index 9b6b72ec2..b8c6c5563 100644
--- a/frontend/app/components/ui/Icons/sliders.tsx
+++ b/frontend/app/components/ui/Icons/sliders.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Sliders(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/social_slack.tsx b/frontend/app/components/ui/Icons/social_slack.tsx
index 7a33d7759..a240ddbdc 100644
--- a/frontend/app/components/ui/Icons/social_slack.tsx
+++ b/frontend/app/components/ui/Icons/social_slack.tsx
@@ -9,17 +9,9 @@ interface Props {
 }
 
 function Social_slack(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      aria-labelledby="simpleicons-slack-icon"
-      viewBox="0 0 24 24"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="m9.879 10.995 1.035 3.085 3.205-1.074-1.035-3.074-3.205 1.08v-.017z" />
-      <path d="m18.824 14.055-1.555.521.54 1.61a1.246 1.246 0 0 1-1.221 1.637 1.26 1.26 0 0 1-1.155-.849l-.54-1.607-3.21 1.073.539 1.608a1.249 1.249 0 0 1-1.229 1.639 1.266 1.266 0 0 1-1.156-.85l-.539-1.619-1.561.524c-.15.045-.285.061-.435.061a1.269 1.269 0 0 1-1.155-.855 1.235 1.235 0 0 1 .78-1.575l1.56-.525L7.5 11.76l-1.551.525a1.264 1.264 0 0 1-.428.064 1.247 1.247 0 0 1-1.141-.848 1.25 1.25 0 0 1 .796-1.574l1.56-.52-.54-1.605a1.248 1.248 0 0 1 .796-1.575 1.239 1.239 0 0 1 1.574.783l.539 1.608L12.3 7.544l-.54-1.605a1.256 1.256 0 0 1 .789-1.574 1.249 1.249 0 0 1 1.575.791l.54 1.621 1.555-.51a1.247 1.247 0 0 1 1.575.779 1.244 1.244 0 0 1-.784 1.575l-1.557.524 1.035 3.086 1.551-.516a1.248 1.248 0 0 1 1.575.795c.22.66-.135 1.365-.779 1.574l-.011-.029zm4.171-5.356C20.52.456 16.946-1.471 8.699 1.005.456 3.479-1.471 7.051 1.005 15.301c2.475 8.245 6.046 10.17 14.296 7.694 8.245-2.475 10.17-6.046 7.694-14.296z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg aria-labelledby="simpleicons-slack-icon" viewBox="0 0 24 24" width={ `${ width }px` } height={ `${ height }px` } ><path d="m9.879 10.995 1.035 3.085 3.205-1.074-1.035-3.074-3.205 1.08v-.017z"/><path d="m18.824 14.055-1.555.521.54 1.61a1.246 1.246 0 0 1-1.221 1.637 1.26 1.26 0 0 1-1.155-.849l-.54-1.607-3.21 1.073.539 1.608a1.249 1.249 0 0 1-1.229 1.639 1.266 1.266 0 0 1-1.156-.85l-.539-1.619-1.561.524c-.15.045-.285.061-.435.061a1.269 1.269 0 0 1-1.155-.855 1.235 1.235 0 0 1 .78-1.575l1.56-.525L7.5 11.76l-1.551.525a1.264 1.264 0 0 1-.428.064 1.247 1.247 0 0 1-1.141-.848 1.25 1.25 0 0 1 .796-1.574l1.56-.52-.54-1.605a1.248 1.248 0 0 1 .796-1.575 1.239 1.239 0 0 1 1.574.783l.539 1.608L12.3 7.544l-.54-1.605a1.256 1.256 0 0 1 .789-1.574 1.249 1.249 0 0 1 1.575.791l.54 1.621 1.555-.51a1.247 1.247 0 0 1 1.575.779 1.244 1.244 0 0 1-.784 1.575l-1.557.524 1.035 3.086 1.551-.516a1.248 1.248 0 0 1 1.575.795c.22.66-.135 1.365-.779 1.574l-.011-.029zm4.171-5.356C20.52.456 16.946-1.471 8.699 1.005.456 3.479-1.471 7.051 1.005 15.301c2.475 8.245 6.046 10.17 14.296 7.694 8.245-2.475 10.17-6.046 7.694-14.296z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/social_trello.tsx b/frontend/app/components/ui/Icons/social_trello.tsx
index 0477b7ae9..bd78ff29d 100644
--- a/frontend/app/components/ui/Icons/social_trello.tsx
+++ b/frontend/app/components/ui/Icons/social_trello.tsx
@@ -9,16 +9,9 @@ interface Props {
 }
 
 function Social_trello(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      aria-labelledby="simpleicons-trello-icon"
-      viewBox="0 0 24 24"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M21 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18c1.656 0 3-1.344 3-3V3a3 3 0 0 0-3-3zM10.44 18.18A1.44 1.44 0 0 1 9 19.62H4.56c-.795 0-1.44-.646-1.44-1.44V4.56c0-.795.645-1.44 1.44-1.44H9c.795 0 1.44.645 1.44 1.44v13.62zm10.44-6c0 .794-.645 1.44-1.44 1.44H15c-.795 0-1.44-.646-1.44-1.44V4.56c0-.795.646-1.44 1.44-1.44h4.44c.795 0 1.44.645 1.44 1.44v7.62z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg aria-labelledby="simpleicons-trello-icon" viewBox="0 0 24 24" width={ `${ width }px` } height={ `${ height }px` } ><path d="M21 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18c1.656 0 3-1.344 3-3V3a3 3 0 0 0-3-3zM10.44 18.18A1.44 1.44 0 0 1 9 19.62H4.56c-.795 0-1.44-.646-1.44-1.44V4.56c0-.795.645-1.44 1.44-1.44H9c.795 0 1.44.645 1.44 1.44v13.62zm10.44-6c0 .794-.645 1.44-1.44 1.44H15c-.795 0-1.44-.646-1.44-1.44V4.56c0-.795.646-1.44 1.44-1.44h4.44c.795 0 1.44.645 1.44 1.44v7.62z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/sparkles.tsx b/frontend/app/components/ui/Icons/sparkles.tsx
index 75195410d..a085cfad8 100644
--- a/frontend/app/components/ui/Icons/sparkles.tsx
+++ b/frontend/app/components/ui/Icons/sparkles.tsx
@@ -9,23 +9,9 @@ interface Props {
 }
 
 function Sparkles(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 15 14"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="m9.653 3.106 1.485 3.515 3.515 1.485-3.515 1.485-1.485 3.515L8.168 9.59 4.653 8.106 8.168 6.62l1.485-3.515Z"
-        fill="#3EAAAF"
-      />
-      <path
-        d="m3.313.894.89 2.11 2.11.89-2.11.891-.89 2.11-.891-2.11-2.109-.89 2.109-.892.891-2.109Z"
-        fill="#394EFF"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 15 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path d="m9.653 3.106 1.485 3.515 3.515 1.485-3.515 1.485-1.485 3.515L8.168 9.59 4.653 8.106 8.168 6.62l1.485-3.515Z" fill="#3EAAAF"/><path d="m3.313.894.89 2.11 2.11.89-2.11.891-.89 2.11-.891-2.11-2.109-.89 2.109-.892.891-2.109Z" fill="#394EFF"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/speedometer2.tsx b/frontend/app/components/ui/Icons/speedometer2.tsx
index f77b527e5..80a28e891 100644
--- a/frontend/app/components/ui/Icons/speedometer2.tsx
+++ b/frontend/app/components/ui/Icons/speedometer2.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Speedometer2(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z" />
-      <path d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/><path d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/spinner.tsx b/frontend/app/components/ui/Icons/spinner.tsx
index b68a063bb..cf5d8576c 100644
--- a/frontend/app/components/ui/Icons/spinner.tsx
+++ b/frontend/app/components/ui/Icons/spinner.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Spinner(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M288 32c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32 32 14.327 32 32zm-32 416c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm256-192c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-448 0c0-17.673-14.327-32-32-32S0 238.327 0 256s14.327 32 32 32 32-14.327 32-32zm33.608 126.392c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm316.784 0c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zM97.608 65.608c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.673-14.327-32-32-32z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M288 32c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32 32 14.327 32 32zm-32 416c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm256-192c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-448 0c0-17.673-14.327-32-32-32S0 238.327 0 256s14.327 32 32 32 32-14.327 32-32zm33.608 126.392c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm316.784 0c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zM97.608 65.608c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.673-14.327-32-32-32z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/square_mouse_pointer.tsx b/frontend/app/components/ui/Icons/square_mouse_pointer.tsx
index 8eba55a03..ac17bfeca 100644
--- a/frontend/app/components/ui/Icons/square_mouse_pointer.tsx
+++ b/frontend/app/components/ui/Icons/square_mouse_pointer.tsx
@@ -9,21 +9,9 @@ interface Props {
 }
 
 function Square_mouse_pointer(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.25"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z" />
-      <path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"/><path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/star.tsx b/frontend/app/components/ui/Icons/star.tsx
index bbeec4a1c..eaefeb226 100644
--- a/frontend/app/components/ui/Icons/star.tsx
+++ b/frontend/app/components/ui/Icons/star.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Star(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.523-3.356c.329-.314.158-.888-.283-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288l1.847-3.658 1.846 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.564.564 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.523-3.356c.329-.314.158-.888-.283-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288l1.847-3.658 1.846 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.564.564 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/step_forward.tsx b/frontend/app/components/ui/Icons/step_forward.tsx
index 411adec08..ace1f2822 100644
--- a/frontend/app/components/ui/Icons/step_forward.tsx
+++ b/frontend/app/components/ui/Icons/step_forward.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Step_forward(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M372 31h-8c-6.6 0-12 5.4-12 12v190.3c-1.1-1.2-2.2-2.4-3.5-3.4l-232-191.4C95.9 21.3 64 35.6 64 63v384c0 27.4 31.9 41.8 52.5 24.6l232-192.6c1.3-1.1 2.4-2.2 3.5-3.4V467c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V43c0-6.6-5.4-12-12-12zm-40.5 223.4L96.2 446.8l-.1.1-.1.1V63l.1.1.2.1 235.2 191.2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M372 31h-8c-6.6 0-12 5.4-12 12v190.3c-1.1-1.2-2.2-2.4-3.5-3.4l-232-191.4C95.9 21.3 64 35.6 64 63v384c0 27.4 31.9 41.8 52.5 24.6l232-192.6c1.3-1.1 2.4-2.2 3.5-3.4V467c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V43c0-6.6-5.4-12-12-12zm-40.5 223.4L96.2 446.8l-.1.1-.1.1V63l.1.1.2.1 235.2 191.2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/stickies.tsx b/frontend/app/components/ui/Icons/stickies.tsx
index c32a90e98..d1b036763 100644
--- a/frontend/app/components/ui/Icons/stickies.tsx
+++ b/frontend/app/components/ui/Icons/stickies.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Stickies(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5V13a1 1 0 0 0 1 1V1.5a.5.5 0 0 1 .5-.5H14a1 1 0 0 0-1-1H1.5z" />
-      <path d="M3.5 2A1.5 1.5 0 0 0 2 3.5v11A1.5 1.5 0 0 0 3.5 16h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 16 9.586V3.5A1.5 1.5 0 0 0 14.5 2h-11zM3 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V9h-4.5A1.5 1.5 0 0 0 9 10.5V15H3.5a.5.5 0 0 1-.5-.5v-11zm7 11.293V10.5a.5.5 0 0 1 .5-.5h4.293L10 14.793z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1.5 0A1.5 1.5 0 0 0 0 1.5V13a1 1 0 0 0 1 1V1.5a.5.5 0 0 1 .5-.5H14a1 1 0 0 0-1-1H1.5z"/><path d="M3.5 2A1.5 1.5 0 0 0 2 3.5v11A1.5 1.5 0 0 0 3.5 16h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 16 9.586V3.5A1.5 1.5 0 0 0 14.5 2h-11zM3 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V9h-4.5A1.5 1.5 0 0 0 9 10.5V15H3.5a.5.5 0 0 1-.5-.5v-11zm7 11.293V10.5a.5.5 0 0 1 .5-.5h4.293L10 14.793z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/stop_record_circle.tsx b/frontend/app/components/ui/Icons/stop_record_circle.tsx
index 392950b18..f79937e10 100644
--- a/frontend/app/components/ui/Icons/stop_record_circle.tsx
+++ b/frontend/app/components/ui/Icons/stop_record_circle.tsx
@@ -9,15 +9,9 @@ interface Props {
 }
 
 function Stop_record_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 24 24" width={`${width}px`} height={`${height}px`}>
-      <path
-        clipRule="evenodd"
-        fillRule="evenodd"
-        d="M8 16h8V8H8v8Zm4-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Z"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" width={ `${ width }px` } height={ `${ height }px` } ><path clipRule="evenodd" fillRule="evenodd" d="M8 16h8V8H8v8Zm4-14C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/stopwatch.tsx b/frontend/app/components/ui/Icons/stopwatch.tsx
index 9fcb347eb..66d1a307c 100644
--- a/frontend/app/components/ui/Icons/stopwatch.tsx
+++ b/frontend/app/components/ui/Icons/stopwatch.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Stopwatch(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5.6z" />
-      <path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64a.715.715 0 0 1 .012-.013l.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354a.512.512 0 0 1-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5.6z"/><path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64a.715.715 0 0 1 .012-.013l.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354a.512.512 0 0 1-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/store.tsx b/frontend/app/components/ui/Icons/store.tsx
index 51988491d..7e5086dc4 100644
--- a/frontend/app/components/ui/Icons/store.tsx
+++ b/frontend/app/components/ui/Icons/store.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Store(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M4 4v2H2V4h2zm1 7V9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 5V9a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 4v2H7V4h2zm5 0h-2v2h2V4zM4 9v2H2V9h2zm5 0v2H7V9h2zm5 0v2h-2V9h2zm-3-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M4 4v2H2V4h2zm1 7V9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 5V9a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 4v2H7V4h2zm5 0h-2v2h2V4zM4 9v2H2V9h2zm5 0v2H7V9h2zm5 0v2h-2V9h2zm-3-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/sync_alt.tsx b/frontend/app/components/ui/Icons/sync_alt.tsx
index b030ad69e..14b7b8ea7 100644
--- a/frontend/app/components/ui/Icons/sync_alt.tsx
+++ b/frontend/app/components/ui/Icons/sync_alt.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Sync_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 454.06V320a24 24 0 0 1 24-24h134.06c21.38 0 32.09 25.85 17 41l-41.75 41.75A166.82 166.82 0 0 0 256.16 424c77.41-.07 144.31-53.14 162.78-126.85a12 12 0 0 1 11.65-9.15h57.31a12 12 0 0 1 11.81 14.18C478.07 417.08 377.19 504 256 504a247.14 247.14 0 0 1-171.31-68.69L49 471c-15.15 15.15-41 4.44-41-16.94z" />
-      <path d="M12.3 209.82C33.93 94.92 134.81 8 256 8a247.14 247.14 0 0 1 171.31 68.69L463 41c15.12-15.12 41-4.41 41 17v134a24 24 0 0 1-24 24H345.94c-21.38 0-32.09-25.85-17-41l41.75-41.75A166.8 166.8 0 0 0 255.85 88c-77.46.07-144.33 53.18-162.79 126.85A12 12 0 0 1 81.41 224H24.1a12 12 0 0 1-11.8-14.18z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 454.06V320a24 24 0 0 1 24-24h134.06c21.38 0 32.09 25.85 17 41l-41.75 41.75A166.82 166.82 0 0 0 256.16 424c77.41-.07 144.31-53.14 162.78-126.85a12 12 0 0 1 11.65-9.15h57.31a12 12 0 0 1 11.81 14.18C478.07 417.08 377.19 504 256 504a247.14 247.14 0 0 1-171.31-68.69L49 471c-15.15 15.15-41 4.44-41-16.94z"/><path d="M12.3 209.82C33.93 94.92 134.81 8 256 8a247.14 247.14 0 0 1 171.31 68.69L463 41c15.12-15.12 41-4.41 41 17v134a24 24 0 0 1-24 24H345.94c-21.38 0-32.09-25.85-17-41l41.75-41.75A166.8 166.8 0 0 0 255.85 88c-77.46.07-144.33 53.18-162.79 126.85A12 12 0 0 1 81.41 224H24.1a12 12 0 0 1-11.8-14.18z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/table.tsx b/frontend/app/components/ui/Icons/table.tsx
index 086d64999..69ecee9d8 100644
--- a/frontend/app/components/ui/Icons/table.tsx
+++ b/frontend/app/components/ui/Icons/table.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Table(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/tags.tsx b/frontend/app/components/ui/Icons/tags.tsx
index 50bf5a504..143994f8e 100644
--- a/frontend/app/components/ui/Icons/tags.tsx
+++ b/frontend/app/components/ui/Icons/tags.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Tags(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z" />
-      <path d="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z"/><path d="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/terminal.tsx b/frontend/app/components/ui/Icons/terminal.tsx
index 710794295..b562ffc9c 100644
--- a/frontend/app/components/ui/Icons/terminal.tsx
+++ b/frontend/app/components/ui/Icons/terminal.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Terminal(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9zM3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2z" />
-      <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9zM3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2z"/><path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/thermometer_sun.tsx b/frontend/app/components/ui/Icons/thermometer_sun.tsx
index 1eb141b51..0d8fae069 100644
--- a/frontend/app/components/ui/Icons/thermometer_sun.tsx
+++ b/frontend/app/components/ui/Icons/thermometer_sun.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Thermometer_sun(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M5 12.5a1.5 1.5 0 1 1-2-1.415V2.5a.5.5 0 0 1 1 0v8.585A1.5 1.5 0 0 1 5 12.5z" />
-      <path d="M1 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM3.5 1A1.5 1.5 0 0 0 2 2.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0L5 10.486V2.5A1.5 1.5 0 0 0 3.5 1zm5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5zm4.243 1.757a.5.5 0 0 1 0 .707l-.707.708a.5.5 0 1 1-.708-.708l.708-.707a.5.5 0 0 1 .707 0zM8 5.5a.5.5 0 0 1 .5-.5 3 3 0 1 1 0 6 .5.5 0 0 1 0-1 2 2 0 0 0 0-4 .5.5 0 0 1-.5-.5zM12.5 8a.5.5 0 0 1 .5-.5h1a.5.5 0 1 1 0 1h-1a.5.5 0 0 1-.5-.5zm-1.172 2.828a.5.5 0 0 1 .708 0l.707.708a.5.5 0 0 1-.707.707l-.708-.707a.5.5 0 0 1 0-.708zM8.5 12a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M5 12.5a1.5 1.5 0 1 1-2-1.415V2.5a.5.5 0 0 1 1 0v8.585A1.5 1.5 0 0 1 5 12.5z"/><path d="M1 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM3.5 1A1.5 1.5 0 0 0 2 2.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0L5 10.486V2.5A1.5 1.5 0 0 0 3.5 1zm5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5zm4.243 1.757a.5.5 0 0 1 0 .707l-.707.708a.5.5 0 1 1-.708-.708l.708-.707a.5.5 0 0 1 .707 0zM8 5.5a.5.5 0 0 1 .5-.5 3 3 0 1 1 0 6 .5.5 0 0 1 0-1 2 2 0 0 0 0-4 .5.5 0 0 1-.5-.5zM12.5 8a.5.5 0 0 1 .5-.5h1a.5.5 0 1 1 0 1h-1a.5.5 0 0 1-.5-.5zm-1.172 2.828a.5.5 0 0 1 .708 0l.707.708a.5.5 0 0 1-.707.707l-.708-.707a.5.5 0 0 1 0-.708zM8.5 12a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/toggles.tsx b/frontend/app/components/ui/Icons/toggles.tsx
index cacfbb25b..62d347af9 100644
--- a/frontend/app/components/ui/Icons/toggles.tsx
+++ b/frontend/app/components/ui/Icons/toggles.tsx
@@ -9,18 +9,9 @@ interface Props {
 }
 
 function Toggles(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 18 19" width={`${width}px`} height={`${height}px`}>
-      <g>
-        <path d="M5.063 10.375a3.937 3.937 0 1 0 0 7.875h7.875a3.937 3.937 0 1 0 0-7.875H5.061Zm7.875 6.75a2.812 2.812 0 1 1 0-5.624 2.812 2.812 0 0 1 0 5.624ZM5.061 1.375a2.813 2.813 0 1 0 0 5.625 2.813 2.813 0 0 0 0-5.625Zm2.757 0A3.926 3.926 0 0 1 9 4.188 3.926 3.926 0 0 1 7.819 7h5.119a2.812 2.812 0 1 0 0-5.625h-5.12ZM5.063.25h7.875a3.937 3.937 0 1 1 0 7.875H5.061a3.937 3.937 0 1 1 0-7.875Z" />
-      </g>
-      <defs>
-        <clipPath id="a">
-          <path fill="#fff" transform="translate(0 .25)" d="M0 0h18v18H0z" />
-        </clipPath>
-      </defs>
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 18 19" width={ `${ width }px` } height={ `${ height }px` } ><g><path d="M5.063 10.375a3.937 3.937 0 1 0 0 7.875h7.875a3.937 3.937 0 1 0 0-7.875H5.061Zm7.875 6.75a2.812 2.812 0 1 1 0-5.624 2.812 2.812 0 0 1 0 5.624ZM5.061 1.375a2.813 2.813 0 1 0 0 5.625 2.813 2.813 0 0 0 0-5.625Zm2.757 0A3.926 3.926 0 0 1 9 4.188 3.926 3.926 0 0 1 7.819 7h5.119a2.812 2.812 0 1 0 0-5.625h-5.12ZM5.063.25h7.875a3.937 3.937 0 1 1 0 7.875H5.061a3.937 3.937 0 1 1 0-7.875Z"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .25)" d="M0 0h18v18H0z"/></clipPath></defs></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/tools.tsx b/frontend/app/components/ui/Icons/tools.tsx
index 9b5b6ba93..27b58ce4c 100644
--- a/frontend/app/components/ui/Icons/tools.tsx
+++ b/frontend/app/components/ui/Icons/tools.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Tools(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/trash.tsx b/frontend/app/components/ui/Icons/trash.tsx
index ef0dabe3a..4d7f14520 100644
--- a/frontend/app/components/ui/Icons/trash.tsx
+++ b/frontend/app/components/ui/Icons/trash.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function Trash(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/turtle.tsx b/frontend/app/components/ui/Icons/turtle.tsx
index f0e94a189..7e9baa4c7 100644
--- a/frontend/app/components/ui/Icons/turtle.tsx
+++ b/frontend/app/components/ui/Icons/turtle.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Turtle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/user_alt.tsx b/frontend/app/components/ui/Icons/user_alt.tsx
index aeb98cc40..2ca47d127 100644
--- a/frontend/app/components/ui/Icons/user_alt.tsx
+++ b/frontend/app/components/ui/Icons/user_alt.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function User_alt(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 448 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M331.328 240C355.031 213.566 368 179.781 368 144 368 64.417 303.596 0 224 0 144.417 0 80 64.404 80 144c0 35.781 12.969 69.566 36.672 96C44.863 240 0 293.844 0 352v116c0 24.262 19.738 44 44 44h360c24.262 0 44-19.738 44-44V352c0-58.421-45.117-112-116.672-112zM224 32c61.856 0 112 50.144 112 112s-50.144 112-112 112-112-50.144-112-112S162.144 32 224 32zm192 436c0 6.627-5.373 12-12 12H44c-6.627 0-12-5.373-12-12V352c0-44.183 35.817-80 80-80h45.898c41.196 21.333 90.958 21.359 132.204 0H336c44.183 0 80 35.817 80 80v116z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 448 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M331.328 240C355.031 213.566 368 179.781 368 144 368 64.417 303.596 0 224 0 144.417 0 80 64.404 80 144c0 35.781 12.969 69.566 36.672 96C44.863 240 0 293.844 0 352v116c0 24.262 19.738 44 44 44h360c24.262 0 44-19.738 44-44V352c0-58.421-45.117-112-116.672-112zM224 32c61.856 0 112 50.144 112 112s-50.144 112-112 112-112-50.144-112-112S162.144 32 224 32zm192 436c0 6.627-5.373 12-12 12H44c-6.627 0-12-5.373-12-12V352c0-44.183 35.817-80 80-80h45.898c41.196 21.333 90.958 21.359 132.204 0H336c44.183 0 80 35.817 80 80v116z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/user_circle.tsx b/frontend/app/components/ui/Icons/user_circle.tsx
index a363cb644..29dd17647 100644
--- a/frontend/app/components/ui/Icons/user_circle.tsx
+++ b/frontend/app/components/ui/Icons/user_circle.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function User_circle(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/user_friends.tsx b/frontend/app/components/ui/Icons/user_friends.tsx
index e5addde0b..b55490860 100644
--- a/frontend/app/components/ui/Icons/user_friends.tsx
+++ b/frontend/app/components/ui/Icons/user_friends.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function User_friends(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 640 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M192 256c61.9 0 112-50.1 112-112S253.9 32 192 32 80 82.1 80 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C51.6 288 0 339.6 0 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zM480 256c53 0 96-43 96-96s-43-96-96-96-96 43-96 96 43 96 96 96zm48 32h-3.8c-13.9 4.8-28.6 8-44.2 8s-30.3-3.2-44.2-8H432c-20.4 0-39.2 5.9-55.7 15.4 24.4 26.3 39.7 61.2 39.7 99.8v38.4c0 2.2-.5 4.3-.6 6.4H592c26.5 0 48-21.5 48-48 0-61.9-50.1-112-112-112z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 640 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M192 256c61.9 0 112-50.1 112-112S253.9 32 192 32 80 82.1 80 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C51.6 288 0 339.6 0 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zM480 256c53 0 96-43 96-96s-43-96-96-96-96 43-96 96 43 96 96 96zm48 32h-3.8c-13.9 4.8-28.6 8-44.2 8s-30.3-3.2-44.2-8H432c-20.4 0-39.2 5.9-55.7 15.4 24.4 26.3 39.7 61.2 39.7 99.8v38.4c0 2.2-.5 4.3-.6 6.4H592c26.5 0 48-21.5 48-48 0-61.9-50.1-112-112-112z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/user_journey.tsx b/frontend/app/components/ui/Icons/user_journey.tsx
index 0dc369a41..f8eaab6e7 100644
--- a/frontend/app/components/ui/Icons/user_journey.tsx
+++ b/frontend/app/components/ui/Icons/user_journey.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function User_journey(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 16 16"
-      fill="currentColor"
-      stroke="transparent"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path d="M14 2.667a.667.667 0 0 0-.667.666V4H2.667v-.667a.667.667 0 0 0-1.334 0v4a.667.667 0 0 0 1.334 0v-.666c2.773 0 3.946 1.406 5.18 2.893 1.233 1.487 2.586 3.107 5.486 3.107v.666a.667.667 0 1 0 1.334 0v-2.666a.667.667 0 0 0-1.334 0v.666c-2.273 0-3.286-1.22-4.46-2.626-1.313-1.58-2.806-3.374-6.206-3.374h10.666V6a.667.667 0 0 0 1.334 0V3.333A.667.667 0 0 0 14 2.667Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" fill="currentColor" stroke="transparent" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" width={ `${ width }px` } height={ `${ height }px` } ><path d="M14 2.667a.667.667 0 0 0-.667.666V4H2.667v-.667a.667.667 0 0 0-1.334 0v4a.667.667 0 0 0 1.334 0v-.666c2.773 0 3.946 1.406 5.18 2.893 1.233 1.487 2.586 3.107 5.486 3.107v.666a.667.667 0 1 0 1.334 0v-2.666a.667.667 0 0 0-1.334 0v.666c-2.273 0-3.286-1.22-4.46-2.626-1.313-1.58-2.806-3.374-6.206-3.374h10.666V6a.667.667 0 0 0 1.334 0V3.333A.667.667 0 0 0 14 2.667Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/user_switch.tsx b/frontend/app/components/ui/Icons/user_switch.tsx
index c6ebf5ce3..d97868533 100644
--- a/frontend/app/components/ui/Icons/user_switch.tsx
+++ b/frontend/app/components/ui/Icons/user_switch.tsx
@@ -9,20 +9,9 @@ interface Props {
 }
 
 function User_switch(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg
-      viewBox="0 0 15 14"
-      fill="none"
-      width={`${width}px`}
-      height={`${height}px`}
-    >
-      <path
-        d="M11.526 4.23a3.874 3.874 0 1 0-6.14 3.144l-.015.007A5.822 5.822 0 0 0 3.507 8.64a5.835 5.835 0 0 0-1.256 1.867 5.838 5.838 0 0 0-.46 2.158.125.125 0 0 0 .126.128h.935a.126.126 0 0 0 .125-.122 4.662 4.662 0 0 1 1.37-3.192A4.631 4.631 0 0 1 7.65 8.106a3.874 3.874 0 0 0 3.875-3.875ZM7.65 6.919a2.687 2.687 0 1 1 0-5.375 2.687 2.687 0 0 1 0 5.375Zm1.64 3.453h4.125a.125.125 0 0 0 .125-.125v-.875a.125.125 0 0 0-.125-.125H10.66l.737-.939a.126.126 0 0 0 .027-.076.125.125 0 0 0-.125-.125h-1.135a.255.255 0 0 0-.196.095l-1.07 1.36a.501.501 0 0 0 .395.81Zm3.75 1H8.918a.125.125 0 0 0-.125.125v.875c0 .069.056.125.125.125h2.757l-.737.94a.125.125 0 0 0 .098.201h1.135a.255.255 0 0 0 .197-.096l1.07-1.36a.502.502 0 0 0-.396-.81Z"
-        fill="currentColor"
-        fillOpacity=".85"
-      />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 15 14" fill="none" width={ `${ width }px` } height={ `${ height }px` } ><path d="M11.526 4.23a3.874 3.874 0 1 0-6.14 3.144l-.015.007A5.822 5.822 0 0 0 3.507 8.64a5.835 5.835 0 0 0-1.256 1.867 5.838 5.838 0 0 0-.46 2.158.125.125 0 0 0 .126.128h.935a.126.126 0 0 0 .125-.122 4.662 4.662 0 0 1 1.37-3.192A4.631 4.631 0 0 1 7.65 8.106a3.874 3.874 0 0 0 3.875-3.875ZM7.65 6.919a2.687 2.687 0 1 1 0-5.375 2.687 2.687 0 0 1 0 5.375Zm1.64 3.453h4.125a.125.125 0 0 0 .125-.125v-.875a.125.125 0 0 0-.125-.125H10.66l.737-.939a.126.126 0 0 0 .027-.076.125.125 0 0 0-.125-.125h-1.135a.255.255 0 0 0-.196.095l-1.07 1.36a.501.501 0 0 0 .395.81Zm3.75 1H8.918a.125.125 0 0 0-.125.125v.875c0 .069.056.125.125.125h2.757l-.737.94a.125.125 0 0 0 .098.201h1.135a.255.255 0 0 0 .197-.096l1.07-1.36a.502.502 0 0 0-.396-.81Z" fill="currentColor" fillOpacity=".85"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/users.tsx b/frontend/app/components/ui/Icons/users.tsx
index 19989dc8b..e2210af4d 100644
--- a/frontend/app/components/ui/Icons/users.tsx
+++ b/frontend/app/components/ui/Icons/users.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Users(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/vendors_graphql.tsx b/frontend/app/components/ui/Icons/vendors_graphql.tsx
index 8e08891d5..e379bb835 100644
--- a/frontend/app/components/ui/Icons/vendors_graphql.tsx
+++ b/frontend/app/components/ui/Icons/vendors_graphql.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Vendors_graphql(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 348.52 391.6" width={`${width}px`} height={`${height}px`}>
-      <path d="M330.96 246a35 35 0 0 0-9.2-3.67v-93a34.92 34.92 0 1 0-33.5-57.96l-80.54-46.5a34.9 34.9 0 1 0-68.35-10 35.24 35.24 0 0 0 1.42 9.93L60.26 91.33a35.4 35.4 0 0 0-7.9-6.23 34.92 34.92 0 1 0-25.6 64.19v93a34.93 34.93 0 1 0 33.5 58l80.52 46.51a34.9 34.9 0 1 0 66.61-1.12l80.05-46.22A34.92 34.92 0 1 0 330.96 246Zm-262 22a34.46 34.46 0 0 0-9.81-17L164.54 68.42a34.91 34.91 0 0 0 19.47 0l105.4 182.56a34.81 34.81 0 0 0-9.82 17Zm211.09-162.2a34.83 34.83 0 0 0 25.11 43.4v93.15l-1.35.36L198.39 60.12c.31-.3.63-.61.93-.92ZM149.16 59.16l1 1L44.73 242.74l-1.37-.37v-93.16a34.83 34.83 0 0 0 25.09-43.41Zm50.91 274a34.92 34.92 0 0 0-50.94-.71l-80.6-46.53c.12-.45.25-.9.36-1.35h210.73c.19.77.4 1.53.64 2.29Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 348.52 391.6" width={ `${ width }px` } height={ `${ height }px` } ><path d="M330.96 246a35 35 0 0 0-9.2-3.67v-93a34.92 34.92 0 1 0-33.5-57.96l-80.54-46.5a34.9 34.9 0 1 0-68.35-10 35.24 35.24 0 0 0 1.42 9.93L60.26 91.33a35.4 35.4 0 0 0-7.9-6.23 34.92 34.92 0 1 0-25.6 64.19v93a34.93 34.93 0 1 0 33.5 58l80.52 46.51a34.9 34.9 0 1 0 66.61-1.12l80.05-46.22A34.92 34.92 0 1 0 330.96 246Zm-262 22a34.46 34.46 0 0 0-9.81-17L164.54 68.42a34.91 34.91 0 0 0 19.47 0l105.4 182.56a34.81 34.81 0 0 0-9.82 17Zm211.09-162.2a34.83 34.83 0 0 0 25.11 43.4v93.15l-1.35.36L198.39 60.12c.31-.3.63-.61.93-.92ZM149.16 59.16l1 1L44.73 242.74l-1.37-.37v-93.16a34.83 34.83 0 0 0 25.09-43.41Zm50.91 274a34.92 34.92 0 0 0-50.94-.71l-80.6-46.53c.12-.45.25-.9.36-1.35h210.73c.19.77.4 1.53.64 2.29Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/web_vitals.tsx b/frontend/app/components/ui/Icons/web_vitals.tsx
index 8d1995592..f7f473e85 100644
--- a/frontend/app/components/ui/Icons/web_vitals.tsx
+++ b/frontend/app/components/ui/Icons/web_vitals.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Web_vitals(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/wifi.tsx b/frontend/app/components/ui/Icons/wifi.tsx
index 191d22e4d..b2851c1fc 100644
--- a/frontend/app/components/ui/Icons/wifi.tsx
+++ b/frontend/app/components/ui/Icons/wifi.tsx
@@ -9,12 +9,9 @@ interface Props {
 }
 
 function Wifi(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z" />
-      <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z"/><path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/window.tsx b/frontend/app/components/ui/Icons/window.tsx
index 8e650f447..5060e9278 100644
--- a/frontend/app/components/ui/Icons/window.tsx
+++ b/frontend/app/components/ui/Icons/window.tsx
@@ -9,11 +9,9 @@ interface Props {
 }
 
 function Window(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 512 512" width={`${width}px`} height={`${height}px`}>
-      <path d="M96 160c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-32c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm96 0c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm192-48v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48zm-32 144H32v208c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V224zm0-32V80c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v112h448z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 512 512" width={ `${ width }px` } height={ `${ height }px` } ><path d="M96 160c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-32c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm96 0c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32zm192-48v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48zm-32 144H32v208c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V224zm0-32V80c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v112h448z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/window_x.tsx b/frontend/app/components/ui/Icons/window_x.tsx
index 22f1b1255..b6dde73ae 100644
--- a/frontend/app/components/ui/Icons/window_x.tsx
+++ b/frontend/app/components/ui/Icons/window_x.tsx
@@ -9,13 +9,9 @@ interface Props {
 }
 
 function Window_x(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
-      <path d="M0 4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V7H1v5a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4Zm1 2h13V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2Z" />
-      <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/><path d="M0 4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V7H1v5a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4Zm1 2h13V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2Z"/><path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/Icons/zoom_in.tsx b/frontend/app/components/ui/Icons/zoom_in.tsx
index 22fc8ca7b..911befb40 100644
--- a/frontend/app/components/ui/Icons/zoom_in.tsx
+++ b/frontend/app/components/ui/Icons/zoom_in.tsx
@@ -9,13 +9,9 @@ interface Props {
 }
 
 function Zoom_in(props: Props) {
-  const { size = 14, width = size, height = size, fill = '' } = props;
-  return (
-    <svg viewBox="0 0 16 16" width={`${width}px`} height={`${height}px`}>
-      <path d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
-      <path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z" />
-      <path d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z" />
-    </svg>
+    const { size = 14, width = size, height = size, fill = '' } = props;
+    return (
+      <svg viewBox="0 0 16 16" width={ `${ width }px` } height={ `${ height }px` } ><path d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/><path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/><path d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"/></svg>
   );
 }
 
diff --git a/frontend/app/components/ui/SVG.tsx b/frontend/app/components/ui/SVG.tsx
index ac05475b8..56c51e4bd 100644
--- a/frontend/app/components/ui/SVG.tsx
+++ b/frontend/app/components/ui/SVG.tsx
@@ -1,3 +1,4 @@
+
 /* Auto-generated, do not edit */
 import React from 'react';
 import {
@@ -368,6 +369,7 @@ import {
   Map_marker_alt,
   Memory_ios,
   Memory,
+  Metadata_more,
   Mic_mute,
   Mic,
   Minus,
@@ -480,666 +482,498 @@ import {
   Wifi,
   Window_x,
   Window,
-  Zoom_in,
-} from './Icons';
+  Zoom_in
+} from './Icons'
 
-export type IconNames = 'activity' | 'analytics' | 'anchor' | 'arrow-bar-left' | 'arrow-clockwise' | 'arrow-counterclockwise' | 'arrow-down-short' | 'arrow-down-up' | 'arrow-down' | 'arrow-repeat' | 'arrow-right-short' | 'arrow-up-short' | 'arrow-up' | 'avatar/icn_avatar1' | 'avatar/icn_avatar10' | 'avatar/icn_avatar11' | 'avatar/icn_avatar12' | 'avatar/icn_avatar13' | 'avatar/icn_avatar14' | 'avatar/icn_avatar15' | 'avatar/icn_avatar16' | 'avatar/icn_avatar17' | 'avatar/icn_avatar18' | 'avatar/icn_avatar19' | 'avatar/icn_avatar2' | 'avatar/icn_avatar20' | 'avatar/icn_avatar21' | 'avatar/icn_avatar22' | 'avatar/icn_avatar23' | 'avatar/icn_avatar3' | 'avatar/icn_avatar4' | 'avatar/icn_avatar5' | 'avatar/icn_avatar6' | 'avatar/icn_avatar7' | 'avatar/icn_avatar8' | 'avatar/icn_avatar9' | 'ban' | 'bar-chart-line' | 'bar-pencil' | 'battery-charging' | 'battery' | 'bell-plus' | 'bell-slash' | 'bell' | 'binoculars' | 'book' | 'bookmark' | 'broadcast' | 'browser/browser' | 'browser/chrome' | 'browser/edge' | 'browser/electron' | 'browser/facebook' | 'browser/firefox' | 'browser/ie' | 'browser/opera' | 'browser/safari' | 'buildings' | 'bullhorn' | 'calendar' | 'call' | 'camera-video-off' | 'camera-video' | 'camera' | 'card-list' | 'card-text' | 'caret-down-fill' | 'caret-right-fill' | 'chat-dots' | 'chat-left-text' | 'chat-square-quote' | 'check-circle-fill' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-fill' | 'circle' | 'click-hesitation' | 'click-rage' | 'clipboard-check' | 'clock-history' | 'clock' | 'close' | 'code' | 'cog' | 'cogs' | 'collection-play' | 'collection' | 'color/apple' | 'color/browser/chrome' | 'color/browser/edge' | 'color/browser/facebook' | 'color/browser/firefox' | 'color/browser/google' | 'color/browser/opera' | 'color/browser/safari' | 'color/browser/unknown' | 'color/browser/whale' | 'color/chrome' | 'color/country/de' | 'color/country/fr' | 'color/country/gb' | 'color/country/in' | 'color/country/us' | 'color/de' | 'color/device/desktop' | 'color/device/mobile' | 'color/device/tablet' | 'color/device/unkown' | 'color/edge' | 'color/fedora' | 'color/firefox' | 'color/fr' | 'color/gb' | 'color/in' | 'color/issues/bad_request' | 'color/issues/click_rage' | 'color/issues/cpu' | 'color/issues/crash' | 'color/issues/custom' | 'color/issues/dead_click' | 'color/issues/errors' | 'color/issues/excessive_scrolling' | 'color/issues/js_exception' | 'color/issues/memory' | 'color/issues/missing_resource' | 'color/issues/mouse_thrashing' | 'color/issues/slow_page_load' | 'color/microsoft' | 'color/opera' | 'color/os/android' | 'color/os/apple' | 'color/os/elementary' | 'color/os/fedora' | 'color/os/ios' | 'color/os/linux' | 'color/os/macos' | 'color/os/microsoft' | 'color/os/ubuntu' | 'color/os/unkown' | 'color/safari' | 'color/ubuntu' | 'color/us' | 'columns-gap' | 'console/error' | 'console/exception' | 'console/info' | 'console/warning' | 'console' | 'controller' | 'cookies' | 'copy' | 'credit-card-2-back' | 'cross' | 'cubes' | 'cursor-trash' | 'cypress' | 'dash' | 'dashboard-icn' | 'dashboards/circle-alert' | 'dashboards/cohort-chart' | 'dashboards/heatmap-2' | 'dashboards/user-journey' | 'db-icons/icn-card-clickMap' | 'db-icons/icn-card-errors' | 'db-icons/icn-card-funnel' | 'db-icons/icn-card-funnels' | 'db-icons/icn-card-insights' | 'db-icons/icn-card-library' | 'db-icons/icn-card-mapchart' | 'db-icons/icn-card-pathAnalysis' | 'db-icons/icn-card-performance' | 'db-icons/icn-card-resources' | 'db-icons/icn-card-table' | 'db-icons/icn-card-timeseries' | 'db-icons/icn-card-webVitals' | 'desktop' | 'device' | 'diagram-3' | 'dizzy' | 'door-closed' | 'download' | 'drag' | 'edit' | 'ellipsis-v' | 'emoji-dizzy' | 'enter' | 'envelope-check' | 'envelope-paper' | 'envelope-x' | 'envelope' | 'errors-icon' | 'event/click' | 'event/click_hesitation' | 'event/clickrage' | 'event/code' | 'event/i-cursor' | 'event/input' | 'event/input_hesitation' | 'event/link' | 'event/location' | 'event/mouse_thrashing' | 'event/resize' | 'event/view' | 'exclamation-circle-fill' | 'exclamation-circle' | 'exclamation-triangle' | 'explosion' | 'external-link-alt' | 'eye-slash-fill' | 'eye-slash' | 'eye' | 'fetch-request' | 'fetch' | 'fflag-multi' | 'fflag-single' | 'file-bar-graph' | 'file-code' | 'file-medical-alt' | 'file-pdf' | 'file' | 'files' | 'filetype-js' | 'filetype-pdf' | 'filter' | 'filters/arrow-return-right' | 'filters/browser' | 'filters/chevrons-up-down' | 'filters/click' | 'filters/clickrage' | 'filters/code' | 'filters/console' | 'filters/country' | 'filters/cpu-load' | 'filters/custom' | 'filters/device' | 'filters/dom-complete' | 'filters/duration' | 'filters/error' | 'filters/fetch-failed' | 'filters/fetch' | 'filters/file-code' | 'filters/graphql' | 'filters/i-cursor' | 'filters/input' | 'filters/lcpt' | 'filters/link' | 'filters/location' | 'filters/memory-load' | 'filters/metadata' | 'filters/os' | 'filters/perfromance-network-request' | 'filters/platform' | 'filters/referrer' | 'filters/resize' | 'filters/rev-id' | 'filters/screen' | 'filters/state-action' | 'filters/tag-element' | 'filters/ttfb' | 'filters/user-alt' | 'filters/userid' | 'filters/view' | 'flag-na' | 'folder-plus' | 'folder2' | 'fullscreen' | 'funnel/cpu-fill' | 'funnel/cpu' | 'funnel/dizzy' | 'funnel/emoji-angry-fill' | 'funnel/emoji-angry' | 'funnel/emoji-dizzy-fill' | 'funnel/exclamation-circle-fill' | 'funnel/exclamation-circle' | 'funnel/file-earmark-break-fill' | 'funnel/file-earmark-break' | 'funnel/file-earmark-minus-fill' | 'funnel/file-earmark-minus' | 'funnel/file-medical-alt' | 'funnel/file-x' | 'funnel/hdd-fill' | 'funnel/hourglass-top' | 'funnel/image-fill' | 'funnel/image' | 'funnel/microchip' | 'funnel/mouse' | 'funnel/patch-exclamation-fill' | 'funnel/sd-card' | 'funnel-fill' | 'funnel' | 'gear' | 'github' | 'graph-up' | 'grid-3x3' | 'grid-check' | 'grid' | 'hash' | 'headset' | 'history' | 'ic-errors' | 'ic-network' | 'ic-rage' | 'ic-resources' | 'icn_fetch-request' | 'icn_referrer' | 'icn_url' | 'id-card' | 'image' | 'info-circle-fill' | 'info-circle' | 'info-square' | 'info' | 'input-hesitation' | 'inspect' | 'integrations/assist' | 'integrations/bugsnag-text' | 'integrations/bugsnag' | 'integrations/cloudwatch-text' | 'integrations/cloudwatch' | 'integrations/datadog' | 'integrations/dynatrace' | 'integrations/elasticsearch-text' | 'integrations/elasticsearch' | 'integrations/github' | 'integrations/graphql' | 'integrations/jira-text' | 'integrations/jira' | 'integrations/mobx' | 'integrations/newrelic-text' | 'integrations/newrelic' | 'integrations/ngrx' | 'integrations/openreplay-text' | 'integrations/openreplay' | 'integrations/redux' | 'integrations/rollbar-text' | 'integrations/rollbar' | 'integrations/segment' | 'integrations/sentry-text' | 'integrations/sentry' | 'integrations/slack-bw' | 'integrations/slack' | 'integrations/stackdriver' | 'integrations/sumologic-text' | 'integrations/sumologic' | 'integrations/teams-white' | 'integrations/teams' | 'integrations/vuejs' | 'integrations/zustand' | 'journal-code' | 'key' | 'keyboard' | 'layers-half' | 'lightbulb-on' | 'lightbulb' | 'link-45deg' | 'list-alt' | 'list-ul' | 'list' | 'low-disc-space' | 'magic' | 'map-marker-alt' | 'memory-ios' | 'memory' | 'mic-mute' | 'mic' | 'minus' | 'mobile' | 'mouse-alt' | 'mouse-pointer-click' | 'network' | 'next1' | 'no-dashboard' | 'no-metrics-chart' | 'no-metrics' | 'no-recordings' | 'orIcn' | 'orSpot' | 'orspotOutline' | 'os/android' | 'os/chrome_os' | 'os/fedora' | 'os/ios' | 'os/linux' | 'os/mac_os_x' | 'os/other' | 'os/ubuntu' | 'os/windows' | 'os' | 'pause-circle-fill' | 'pause-fill' | 'pause' | 'pdf-download' | 'pencil-stop' | 'pencil' | 'people' | 'percent' | 'performance-icon' | 'person-border' | 'person-fill' | 'person' | 'pie-chart-fill' | 'pin-fill' | 'play-circle-bold' | 'play-circle-light' | 'play-circle' | 'play-fill-new' | 'play-fill' | 'play-hover' | 'play' | 'plug' | 'plus-circle' | 'plus' | 'prev1' | 'pulse' | 'puppeteer' | 'puzzle-piece' | 'puzzle' | 'pwright' | 'question-circle' | 'question-lg' | 'quotes' | 'record-circle-fill' | 'record-circle' | 'record2' | 'redo' | 'redux' | 'referrer' | 'remote-control' | 'resources-icon' | 'safe' | 'sandglass' | 'search' | 'server' | 'share-alt' | 'shield-lock' | 'side_menu_closed' | 'side_menu_open' | 'signpost-split' | 'signup' | 'slack' | 'slash-circle' | 'sleep' | 'sliders' | 'social/slack' | 'social/trello' | 'sparkles' | 'speedometer2' | 'spinner' | 'square-mouse-pointer' | 'star' | 'step-forward' | 'stickies' | 'stop-record-circle' | 'stopwatch' | 'store' | 'sync-alt' | 'table' | 'tags' | 'terminal' | 'thermometer-sun' | 'toggles' | 'tools' | 'trash' | 'turtle' | 'user-alt' | 'user-circle' | 'user-friends' | 'user-journey' | 'user-switch' | 'users' | 'vendors/graphql' | 'web-vitals' | 'wifi' | 'window-x' | 'window' | 'zoom-in';
+export type IconNames = 'activity' | 'analytics' | 'anchor' | 'arrow-bar-left' | 'arrow-clockwise' | 'arrow-counterclockwise' | 'arrow-down-short' | 'arrow-down-up' | 'arrow-down' | 'arrow-repeat' | 'arrow-right-short' | 'arrow-up-short' | 'arrow-up' | 'avatar/icn_avatar1' | 'avatar/icn_avatar10' | 'avatar/icn_avatar11' | 'avatar/icn_avatar12' | 'avatar/icn_avatar13' | 'avatar/icn_avatar14' | 'avatar/icn_avatar15' | 'avatar/icn_avatar16' | 'avatar/icn_avatar17' | 'avatar/icn_avatar18' | 'avatar/icn_avatar19' | 'avatar/icn_avatar2' | 'avatar/icn_avatar20' | 'avatar/icn_avatar21' | 'avatar/icn_avatar22' | 'avatar/icn_avatar23' | 'avatar/icn_avatar3' | 'avatar/icn_avatar4' | 'avatar/icn_avatar5' | 'avatar/icn_avatar6' | 'avatar/icn_avatar7' | 'avatar/icn_avatar8' | 'avatar/icn_avatar9' | 'ban' | 'bar-chart-line' | 'bar-pencil' | 'battery-charging' | 'battery' | 'bell-plus' | 'bell-slash' | 'bell' | 'binoculars' | 'book' | 'bookmark' | 'broadcast' | 'browser/browser' | 'browser/chrome' | 'browser/edge' | 'browser/electron' | 'browser/facebook' | 'browser/firefox' | 'browser/ie' | 'browser/opera' | 'browser/safari' | 'buildings' | 'bullhorn' | 'calendar' | 'call' | 'camera-video-off' | 'camera-video' | 'camera' | 'card-list' | 'card-text' | 'caret-down-fill' | 'caret-right-fill' | 'chat-dots' | 'chat-left-text' | 'chat-square-quote' | 'check-circle-fill' | 'check-circle' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle-fill' | 'circle' | 'click-hesitation' | 'click-rage' | 'clipboard-check' | 'clock-history' | 'clock' | 'close' | 'code' | 'cog' | 'cogs' | 'collection-play' | 'collection' | 'color/apple' | 'color/browser/chrome' | 'color/browser/edge' | 'color/browser/facebook' | 'color/browser/firefox' | 'color/browser/google' | 'color/browser/opera' | 'color/browser/safari' | 'color/browser/unknown' | 'color/browser/whale' | 'color/chrome' | 'color/country/de' | 'color/country/fr' | 'color/country/gb' | 'color/country/in' | 'color/country/us' | 'color/de' | 'color/device/desktop' | 'color/device/mobile' | 'color/device/tablet' | 'color/device/unkown' | 'color/edge' | 'color/fedora' | 'color/firefox' | 'color/fr' | 'color/gb' | 'color/in' | 'color/issues/bad_request' | 'color/issues/click_rage' | 'color/issues/cpu' | 'color/issues/crash' | 'color/issues/custom' | 'color/issues/dead_click' | 'color/issues/errors' | 'color/issues/excessive_scrolling' | 'color/issues/js_exception' | 'color/issues/memory' | 'color/issues/missing_resource' | 'color/issues/mouse_thrashing' | 'color/issues/slow_page_load' | 'color/microsoft' | 'color/opera' | 'color/os/android' | 'color/os/apple' | 'color/os/elementary' | 'color/os/fedora' | 'color/os/ios' | 'color/os/linux' | 'color/os/macos' | 'color/os/microsoft' | 'color/os/ubuntu' | 'color/os/unkown' | 'color/safari' | 'color/ubuntu' | 'color/us' | 'columns-gap' | 'console/error' | 'console/exception' | 'console/info' | 'console/warning' | 'console' | 'controller' | 'cookies' | 'copy' | 'credit-card-2-back' | 'cross' | 'cubes' | 'cursor-trash' | 'cypress' | 'dash' | 'dashboard-icn' | 'dashboards/circle-alert' | 'dashboards/cohort-chart' | 'dashboards/heatmap-2' | 'dashboards/user-journey' | 'db-icons/icn-card-clickMap' | 'db-icons/icn-card-errors' | 'db-icons/icn-card-funnel' | 'db-icons/icn-card-funnels' | 'db-icons/icn-card-insights' | 'db-icons/icn-card-library' | 'db-icons/icn-card-mapchart' | 'db-icons/icn-card-pathAnalysis' | 'db-icons/icn-card-performance' | 'db-icons/icn-card-resources' | 'db-icons/icn-card-table' | 'db-icons/icn-card-timeseries' | 'db-icons/icn-card-webVitals' | 'desktop' | 'device' | 'diagram-3' | 'dizzy' | 'door-closed' | 'download' | 'drag' | 'edit' | 'ellipsis-v' | 'emoji-dizzy' | 'enter' | 'envelope-check' | 'envelope-paper' | 'envelope-x' | 'envelope' | 'errors-icon' | 'event/click' | 'event/click_hesitation' | 'event/clickrage' | 'event/code' | 'event/i-cursor' | 'event/input' | 'event/input_hesitation' | 'event/link' | 'event/location' | 'event/mouse_thrashing' | 'event/resize' | 'event/view' | 'exclamation-circle-fill' | 'exclamation-circle' | 'exclamation-triangle' | 'explosion' | 'external-link-alt' | 'eye-slash-fill' | 'eye-slash' | 'eye' | 'fetch-request' | 'fetch' | 'fflag-multi' | 'fflag-single' | 'file-bar-graph' | 'file-code' | 'file-medical-alt' | 'file-pdf' | 'file' | 'files' | 'filetype-js' | 'filetype-pdf' | 'filter' | 'filters/arrow-return-right' | 'filters/browser' | 'filters/chevrons-up-down' | 'filters/click' | 'filters/clickrage' | 'filters/code' | 'filters/console' | 'filters/country' | 'filters/cpu-load' | 'filters/custom' | 'filters/device' | 'filters/dom-complete' | 'filters/duration' | 'filters/error' | 'filters/fetch-failed' | 'filters/fetch' | 'filters/file-code' | 'filters/graphql' | 'filters/i-cursor' | 'filters/input' | 'filters/lcpt' | 'filters/link' | 'filters/location' | 'filters/memory-load' | 'filters/metadata' | 'filters/os' | 'filters/perfromance-network-request' | 'filters/platform' | 'filters/referrer' | 'filters/resize' | 'filters/rev-id' | 'filters/screen' | 'filters/state-action' | 'filters/tag-element' | 'filters/ttfb' | 'filters/user-alt' | 'filters/userid' | 'filters/view' | 'flag-na' | 'folder-plus' | 'folder2' | 'fullscreen' | 'funnel/cpu-fill' | 'funnel/cpu' | 'funnel/dizzy' | 'funnel/emoji-angry-fill' | 'funnel/emoji-angry' | 'funnel/emoji-dizzy-fill' | 'funnel/exclamation-circle-fill' | 'funnel/exclamation-circle' | 'funnel/file-earmark-break-fill' | 'funnel/file-earmark-break' | 'funnel/file-earmark-minus-fill' | 'funnel/file-earmark-minus' | 'funnel/file-medical-alt' | 'funnel/file-x' | 'funnel/hdd-fill' | 'funnel/hourglass-top' | 'funnel/image-fill' | 'funnel/image' | 'funnel/microchip' | 'funnel/mouse' | 'funnel/patch-exclamation-fill' | 'funnel/sd-card' | 'funnel-fill' | 'funnel' | 'gear' | 'github' | 'graph-up' | 'grid-3x3' | 'grid-check' | 'grid' | 'hash' | 'headset' | 'history' | 'ic-errors' | 'ic-network' | 'ic-rage' | 'ic-resources' | 'icn_fetch-request' | 'icn_referrer' | 'icn_url' | 'id-card' | 'image' | 'info-circle-fill' | 'info-circle' | 'info-square' | 'info' | 'input-hesitation' | 'inspect' | 'integrations/assist' | 'integrations/bugsnag-text' | 'integrations/bugsnag' | 'integrations/cloudwatch-text' | 'integrations/cloudwatch' | 'integrations/datadog' | 'integrations/dynatrace' | 'integrations/elasticsearch-text' | 'integrations/elasticsearch' | 'integrations/github' | 'integrations/graphql' | 'integrations/jira-text' | 'integrations/jira' | 'integrations/mobx' | 'integrations/newrelic-text' | 'integrations/newrelic' | 'integrations/ngrx' | 'integrations/openreplay-text' | 'integrations/openreplay' | 'integrations/redux' | 'integrations/rollbar-text' | 'integrations/rollbar' | 'integrations/segment' | 'integrations/sentry-text' | 'integrations/sentry' | 'integrations/slack-bw' | 'integrations/slack' | 'integrations/stackdriver' | 'integrations/sumologic-text' | 'integrations/sumologic' | 'integrations/teams-white' | 'integrations/teams' | 'integrations/vuejs' | 'integrations/zustand' | 'journal-code' | 'key' | 'keyboard' | 'layers-half' | 'lightbulb-on' | 'lightbulb' | 'link-45deg' | 'list-alt' | 'list-ul' | 'list' | 'low-disc-space' | 'magic' | 'map-marker-alt' | 'memory-ios' | 'memory' | 'metadata-more' | 'mic-mute' | 'mic' | 'minus' | 'mobile' | 'mouse-alt' | 'mouse-pointer-click' | 'network' | 'next1' | 'no-dashboard' | 'no-metrics-chart' | 'no-metrics' | 'no-recordings' | 'orIcn' | 'orSpot' | 'orspotOutline' | 'os/android' | 'os/chrome_os' | 'os/fedora' | 'os/ios' | 'os/linux' | 'os/mac_os_x' | 'os/other' | 'os/ubuntu' | 'os/windows' | 'os' | 'pause-circle-fill' | 'pause-fill' | 'pause' | 'pdf-download' | 'pencil-stop' | 'pencil' | 'people' | 'percent' | 'performance-icon' | 'person-border' | 'person-fill' | 'person' | 'pie-chart-fill' | 'pin-fill' | 'play-circle-bold' | 'play-circle-light' | 'play-circle' | 'play-fill-new' | 'play-fill' | 'play-hover' | 'play' | 'plug' | 'plus-circle' | 'plus' | 'prev1' | 'pulse' | 'puppeteer' | 'puzzle-piece' | 'puzzle' | 'pwright' | 'question-circle' | 'question-lg' | 'quotes' | 'record-circle-fill' | 'record-circle' | 'record2' | 'redo' | 'redux' | 'referrer' | 'remote-control' | 'resources-icon' | 'safe' | 'sandglass' | 'search' | 'server' | 'share-alt' | 'shield-lock' | 'side_menu_closed' | 'side_menu_open' | 'signpost-split' | 'signup' | 'slack' | 'slash-circle' | 'sleep' | 'sliders' | 'social/slack' | 'social/trello' | 'sparkles' | 'speedometer2' | 'spinner' | 'square-mouse-pointer' | 'star' | 'step-forward' | 'stickies' | 'stop-record-circle' | 'stopwatch' | 'store' | 'sync-alt' | 'table' | 'tags' | 'terminal' | 'thermometer-sun' | 'toggles' | 'tools' | 'trash' | 'turtle' | 'user-alt' | 'user-circle' | 'user-friends' | 'user-journey' | 'user-switch' | 'users' | 'vendors/graphql' | 'web-vitals' | 'wifi' | 'window-x' | 'window' | 'zoom-in';
 
 interface Props {
-  name: IconNames;
-  size?: number | string;
-  width?: number | string;
-  height?: number | string;
-  fill?: string;
+    name: IconNames;
+    size?: number | string;
+    width?: number | string;
+    height?: number | string;
+    fill?: string;
 }
 
 /* Auto-generated, do not edit */
 const SVG = (props: Props) => {
-  const { name, size = 14, width = size, height = size, fill = '' } = props;
-  switch (name) {
-    case 'activity':
-      return <Activity width={width} height={height} fill={fill} />;
-
-    case 'analytics':
-      return <Analytics width={width} height={height} fill={fill} />;
-
-    case 'anchor':
-      return <Anchor width={width} height={height} fill={fill} />;
+    const { name, size = 14, width = size, height = size, fill = '' } = props;
+    switch (name) {
 
+    
+    case 'activity': return <Activity width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'analytics': return <Analytics width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'anchor': return <Anchor width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-bar-left':
-    case 'arrow-bar-left':
-      return <Arrow_bar_left width={width} height={height} fill={fill} />;
-
+    case 'arrow-bar-left': return <Arrow_bar_left width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-clockwise':
-    case 'arrow-clockwise':
-      return <Arrow_clockwise width={width} height={height} fill={fill} />;
-
+    case 'arrow-clockwise': return <Arrow_clockwise width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-counterclockwise':
-    case 'arrow-counterclockwise':
-      return (
-        <Arrow_counterclockwise width={width} height={height} fill={fill} />
-      );
-
+    case 'arrow-counterclockwise': return <Arrow_counterclockwise width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-down-short':
-    case 'arrow-down-short':
-      return <Arrow_down_short width={width} height={height} fill={fill} />;
-
+    case 'arrow-down-short': return <Arrow_down_short width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-down-up':
-    case 'arrow-down-up':
-      return <Arrow_down_up width={width} height={height} fill={fill} />;
-
+    case 'arrow-down-up': return <Arrow_down_up width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-down':
-    case 'arrow-down':
-      return <Arrow_down width={width} height={height} fill={fill} />;
-
+    case 'arrow-down': return <Arrow_down width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-repeat':
-    case 'arrow-repeat':
-      return <Arrow_repeat width={width} height={height} fill={fill} />;
-
+    case 'arrow-repeat': return <Arrow_repeat width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-right-short':
-    case 'arrow-right-short':
-      return <Arrow_right_short width={width} height={height} fill={fill} />;
-
+    case 'arrow-right-short': return <Arrow_right_short width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-up-short':
-    case 'arrow-up-short':
-      return <Arrow_up_short width={width} height={height} fill={fill} />;
-
+    case 'arrow-up-short': return <Arrow_up_short width={ width } height={ height } fill={ fill } />;
+  
     // case 'arrow-up':
-    case 'arrow-up':
-      return <Arrow_up width={width} height={height} fill={fill} />;
-
+    case 'arrow-up': return <Arrow_up width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar1':
-    case 'avatar/icn_avatar1':
-      return <Avatar_icn_avatar1 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar1': return <Avatar_icn_avatar1 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar10':
-    case 'avatar/icn_avatar10':
-      return <Avatar_icn_avatar10 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar10': return <Avatar_icn_avatar10 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar11':
-    case 'avatar/icn_avatar11':
-      return <Avatar_icn_avatar11 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar11': return <Avatar_icn_avatar11 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar12':
-    case 'avatar/icn_avatar12':
-      return <Avatar_icn_avatar12 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar12': return <Avatar_icn_avatar12 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar13':
-    case 'avatar/icn_avatar13':
-      return <Avatar_icn_avatar13 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar13': return <Avatar_icn_avatar13 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar14':
-    case 'avatar/icn_avatar14':
-      return <Avatar_icn_avatar14 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar14': return <Avatar_icn_avatar14 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar15':
-    case 'avatar/icn_avatar15':
-      return <Avatar_icn_avatar15 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar15': return <Avatar_icn_avatar15 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar16':
-    case 'avatar/icn_avatar16':
-      return <Avatar_icn_avatar16 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar16': return <Avatar_icn_avatar16 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar17':
-    case 'avatar/icn_avatar17':
-      return <Avatar_icn_avatar17 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar17': return <Avatar_icn_avatar17 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar18':
-    case 'avatar/icn_avatar18':
-      return <Avatar_icn_avatar18 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar18': return <Avatar_icn_avatar18 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar19':
-    case 'avatar/icn_avatar19':
-      return <Avatar_icn_avatar19 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar19': return <Avatar_icn_avatar19 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar2':
-    case 'avatar/icn_avatar2':
-      return <Avatar_icn_avatar2 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar2': return <Avatar_icn_avatar2 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar20':
-    case 'avatar/icn_avatar20':
-      return <Avatar_icn_avatar20 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar20': return <Avatar_icn_avatar20 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar21':
-    case 'avatar/icn_avatar21':
-      return <Avatar_icn_avatar21 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar21': return <Avatar_icn_avatar21 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar22':
-    case 'avatar/icn_avatar22':
-      return <Avatar_icn_avatar22 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar22': return <Avatar_icn_avatar22 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar23':
-    case 'avatar/icn_avatar23':
-      return <Avatar_icn_avatar23 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar23': return <Avatar_icn_avatar23 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar3':
-    case 'avatar/icn_avatar3':
-      return <Avatar_icn_avatar3 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar3': return <Avatar_icn_avatar3 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar4':
-    case 'avatar/icn_avatar4':
-      return <Avatar_icn_avatar4 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar4': return <Avatar_icn_avatar4 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar5':
-    case 'avatar/icn_avatar5':
-      return <Avatar_icn_avatar5 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar5': return <Avatar_icn_avatar5 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar6':
-    case 'avatar/icn_avatar6':
-      return <Avatar_icn_avatar6 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar6': return <Avatar_icn_avatar6 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar7':
-    case 'avatar/icn_avatar7':
-      return <Avatar_icn_avatar7 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar7': return <Avatar_icn_avatar7 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar8':
-    case 'avatar/icn_avatar8':
-      return <Avatar_icn_avatar8 width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar8': return <Avatar_icn_avatar8 width={ width } height={ height } fill={ fill } />;
+  
     // case 'avatar/icn_avatar9':
-    case 'avatar/icn_avatar9':
-      return <Avatar_icn_avatar9 width={width} height={height} fill={fill} />;
-
-    case 'ban':
-      return <Ban width={width} height={height} fill={fill} />;
-
+    case 'avatar/icn_avatar9': return <Avatar_icn_avatar9 width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'ban': return <Ban width={ width } height={ height } fill={ fill } />;
+  
     // case 'bar-chart-line':
-    case 'bar-chart-line':
-      return <Bar_chart_line width={width} height={height} fill={fill} />;
-
+    case 'bar-chart-line': return <Bar_chart_line width={ width } height={ height } fill={ fill } />;
+  
     // case 'bar-pencil':
-    case 'bar-pencil':
-      return <Bar_pencil width={width} height={height} fill={fill} />;
-
+    case 'bar-pencil': return <Bar_pencil width={ width } height={ height } fill={ fill } />;
+  
     // case 'battery-charging':
-    case 'battery-charging':
-      return <Battery_charging width={width} height={height} fill={fill} />;
-
-    case 'battery':
-      return <Battery width={width} height={height} fill={fill} />;
-
+    case 'battery-charging': return <Battery_charging width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'battery': return <Battery width={ width } height={ height } fill={ fill } />;
+  
     // case 'bell-plus':
-    case 'bell-plus':
-      return <Bell_plus width={width} height={height} fill={fill} />;
-
+    case 'bell-plus': return <Bell_plus width={ width } height={ height } fill={ fill } />;
+  
     // case 'bell-slash':
-    case 'bell-slash':
-      return <Bell_slash width={width} height={height} fill={fill} />;
-
-    case 'bell':
-      return <Bell width={width} height={height} fill={fill} />;
-
-    case 'binoculars':
-      return <Binoculars width={width} height={height} fill={fill} />;
-
-    case 'book':
-      return <Book width={width} height={height} fill={fill} />;
-
-    case 'bookmark':
-      return <Bookmark width={width} height={height} fill={fill} />;
-
-    case 'broadcast':
-      return <Broadcast width={width} height={height} fill={fill} />;
-
+    case 'bell-slash': return <Bell_slash width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'bell': return <Bell width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'binoculars': return <Binoculars width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'book': return <Book width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'bookmark': return <Bookmark width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'broadcast': return <Broadcast width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/browser':
-    case 'browser/browser':
-      return <Browser_browser width={width} height={height} fill={fill} />;
-
+    case 'browser/browser': return <Browser_browser width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/chrome':
-    case 'browser/chrome':
-      return <Browser_chrome width={width} height={height} fill={fill} />;
-
+    case 'browser/chrome': return <Browser_chrome width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/edge':
-    case 'browser/edge':
-      return <Browser_edge width={width} height={height} fill={fill} />;
-
+    case 'browser/edge': return <Browser_edge width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/electron':
-    case 'browser/electron':
-      return <Browser_electron width={width} height={height} fill={fill} />;
-
+    case 'browser/electron': return <Browser_electron width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/facebook':
-    case 'browser/facebook':
-      return <Browser_facebook width={width} height={height} fill={fill} />;
-
+    case 'browser/facebook': return <Browser_facebook width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/firefox':
-    case 'browser/firefox':
-      return <Browser_firefox width={width} height={height} fill={fill} />;
-
+    case 'browser/firefox': return <Browser_firefox width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/ie':
-    case 'browser/ie':
-      return <Browser_ie width={width} height={height} fill={fill} />;
-
+    case 'browser/ie': return <Browser_ie width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/opera':
-    case 'browser/opera':
-      return <Browser_opera width={width} height={height} fill={fill} />;
-
+    case 'browser/opera': return <Browser_opera width={ width } height={ height } fill={ fill } />;
+  
     // case 'browser/safari':
-    case 'browser/safari':
-      return <Browser_safari width={width} height={height} fill={fill} />;
-
-    case 'buildings':
-      return <Buildings width={width} height={height} fill={fill} />;
-
-    case 'bullhorn':
-      return <Bullhorn width={width} height={height} fill={fill} />;
-
-    case 'calendar':
-      return <Calendar width={width} height={height} fill={fill} />;
-
-    case 'call':
-      return <Call width={width} height={height} fill={fill} />;
-
+    case 'browser/safari': return <Browser_safari width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'buildings': return <Buildings width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'bullhorn': return <Bullhorn width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'calendar': return <Calendar width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'call': return <Call width={ width } height={ height } fill={ fill } />;
+  
     // case 'camera-video-off':
-    case 'camera-video-off':
-      return <Camera_video_off width={width} height={height} fill={fill} />;
-
+    case 'camera-video-off': return <Camera_video_off width={ width } height={ height } fill={ fill } />;
+  
     // case 'camera-video':
-    case 'camera-video':
-      return <Camera_video width={width} height={height} fill={fill} />;
-
-    case 'camera':
-      return <Camera width={width} height={height} fill={fill} />;
-
+    case 'camera-video': return <Camera_video width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'camera': return <Camera width={ width } height={ height } fill={ fill } />;
+  
     // case 'card-list':
-    case 'card-list':
-      return <Card_list width={width} height={height} fill={fill} />;
-
+    case 'card-list': return <Card_list width={ width } height={ height } fill={ fill } />;
+  
     // case 'card-text':
-    case 'card-text':
-      return <Card_text width={width} height={height} fill={fill} />;
-
+    case 'card-text': return <Card_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'caret-down-fill':
-    case 'caret-down-fill':
-      return <Caret_down_fill width={width} height={height} fill={fill} />;
-
+    case 'caret-down-fill': return <Caret_down_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'caret-right-fill':
-    case 'caret-right-fill':
-      return <Caret_right_fill width={width} height={height} fill={fill} />;
-
+    case 'caret-right-fill': return <Caret_right_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'chat-dots':
-    case 'chat-dots':
-      return <Chat_dots width={width} height={height} fill={fill} />;
-
+    case 'chat-dots': return <Chat_dots width={ width } height={ height } fill={ fill } />;
+  
     // case 'chat-left-text':
-    case 'chat-left-text':
-      return <Chat_left_text width={width} height={height} fill={fill} />;
-
+    case 'chat-left-text': return <Chat_left_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'chat-square-quote':
-    case 'chat-square-quote':
-      return <Chat_square_quote width={width} height={height} fill={fill} />;
-
+    case 'chat-square-quote': return <Chat_square_quote width={ width } height={ height } fill={ fill } />;
+  
     // case 'check-circle-fill':
-    case 'check-circle-fill':
-      return <Check_circle_fill width={width} height={height} fill={fill} />;
-
+    case 'check-circle-fill': return <Check_circle_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'check-circle':
-    case 'check-circle':
-      return <Check_circle width={width} height={height} fill={fill} />;
-
-    case 'check':
-      return <Check width={width} height={height} fill={fill} />;
-
+    case 'check-circle': return <Check_circle width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'check': return <Check width={ width } height={ height } fill={ fill } />;
+  
     // case 'chevron-down':
-    case 'chevron-down':
-      return <Chevron_down width={width} height={height} fill={fill} />;
-
+    case 'chevron-down': return <Chevron_down width={ width } height={ height } fill={ fill } />;
+  
     // case 'chevron-left':
-    case 'chevron-left':
-      return <Chevron_left width={width} height={height} fill={fill} />;
-
+    case 'chevron-left': return <Chevron_left width={ width } height={ height } fill={ fill } />;
+  
     // case 'chevron-right':
-    case 'chevron-right':
-      return <Chevron_right width={width} height={height} fill={fill} />;
-
+    case 'chevron-right': return <Chevron_right width={ width } height={ height } fill={ fill } />;
+  
     // case 'chevron-up':
-    case 'chevron-up':
-      return <Chevron_up width={width} height={height} fill={fill} />;
-
+    case 'chevron-up': return <Chevron_up width={ width } height={ height } fill={ fill } />;
+  
     // case 'circle-fill':
-    case 'circle-fill':
-      return <Circle_fill width={width} height={height} fill={fill} />;
-
-    case 'circle':
-      return <Circle width={width} height={height} fill={fill} />;
-
+    case 'circle-fill': return <Circle_fill width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'circle': return <Circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'click-hesitation':
-    case 'click-hesitation':
-      return <Click_hesitation width={width} height={height} fill={fill} />;
-
+    case 'click-hesitation': return <Click_hesitation width={ width } height={ height } fill={ fill } />;
+  
     // case 'click-rage':
-    case 'click-rage':
-      return <Click_rage width={width} height={height} fill={fill} />;
-
+    case 'click-rage': return <Click_rage width={ width } height={ height } fill={ fill } />;
+  
     // case 'clipboard-check':
-    case 'clipboard-check':
-      return <Clipboard_check width={width} height={height} fill={fill} />;
-
+    case 'clipboard-check': return <Clipboard_check width={ width } height={ height } fill={ fill } />;
+  
     // case 'clock-history':
-    case 'clock-history':
-      return <Clock_history width={width} height={height} fill={fill} />;
-
-    case 'clock':
-      return <Clock width={width} height={height} fill={fill} />;
-
-    case 'close':
-      return <Close width={width} height={height} fill={fill} />;
-
-    case 'code':
-      return <Code width={width} height={height} fill={fill} />;
-
-    case 'cog':
-      return <Cog width={width} height={height} fill={fill} />;
-
-    case 'cogs':
-      return <Cogs width={width} height={height} fill={fill} />;
-
+    case 'clock-history': return <Clock_history width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'clock': return <Clock width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'close': return <Close width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'code': return <Code width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'cog': return <Cog width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'cogs': return <Cogs width={ width } height={ height } fill={ fill } />;
+  
     // case 'collection-play':
-    case 'collection-play':
-      return <Collection_play width={width} height={height} fill={fill} />;
-
-    case 'collection':
-      return <Collection width={width} height={height} fill={fill} />;
-
+    case 'collection-play': return <Collection_play width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'collection': return <Collection width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/apple':
-    case 'color/apple':
-      return <Color_apple width={width} height={height} fill={fill} />;
-
+    case 'color/apple': return <Color_apple width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/chrome':
-    case 'color/browser/chrome':
-      return <Color_browser_chrome width={width} height={height} fill={fill} />;
-
+    case 'color/browser/chrome': return <Color_browser_chrome width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/edge':
-    case 'color/browser/edge':
-      return <Color_browser_edge width={width} height={height} fill={fill} />;
-
+    case 'color/browser/edge': return <Color_browser_edge width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/facebook':
-    case 'color/browser/facebook':
-      return (
-        <Color_browser_facebook width={width} height={height} fill={fill} />
-      );
-
+    case 'color/browser/facebook': return <Color_browser_facebook width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/firefox':
-    case 'color/browser/firefox':
-      return (
-        <Color_browser_firefox width={width} height={height} fill={fill} />
-      );
-
+    case 'color/browser/firefox': return <Color_browser_firefox width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/google':
-    case 'color/browser/google':
-      return <Color_browser_google width={width} height={height} fill={fill} />;
-
+    case 'color/browser/google': return <Color_browser_google width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/opera':
-    case 'color/browser/opera':
-      return <Color_browser_opera width={width} height={height} fill={fill} />;
-
+    case 'color/browser/opera': return <Color_browser_opera width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/safari':
-    case 'color/browser/safari':
-      return <Color_browser_safari width={width} height={height} fill={fill} />;
-
+    case 'color/browser/safari': return <Color_browser_safari width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/unknown':
-    case 'color/browser/unknown':
-      return (
-        <Color_browser_unknown width={width} height={height} fill={fill} />
-      );
-
+    case 'color/browser/unknown': return <Color_browser_unknown width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/browser/whale':
-    case 'color/browser/whale':
-      return <Color_browser_whale width={width} height={height} fill={fill} />;
-
+    case 'color/browser/whale': return <Color_browser_whale width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/chrome':
-    case 'color/chrome':
-      return <Color_chrome width={width} height={height} fill={fill} />;
-
+    case 'color/chrome': return <Color_chrome width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/country/de':
-    case 'color/country/de':
-      return <Color_country_de width={width} height={height} fill={fill} />;
-
+    case 'color/country/de': return <Color_country_de width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/country/fr':
-    case 'color/country/fr':
-      return <Color_country_fr width={width} height={height} fill={fill} />;
-
+    case 'color/country/fr': return <Color_country_fr width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/country/gb':
-    case 'color/country/gb':
-      return <Color_country_gb width={width} height={height} fill={fill} />;
-
+    case 'color/country/gb': return <Color_country_gb width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/country/in':
-    case 'color/country/in':
-      return <Color_country_in width={width} height={height} fill={fill} />;
-
+    case 'color/country/in': return <Color_country_in width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/country/us':
-    case 'color/country/us':
-      return <Color_country_us width={width} height={height} fill={fill} />;
-
+    case 'color/country/us': return <Color_country_us width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/de':
-    case 'color/de':
-      return <Color_de width={width} height={height} fill={fill} />;
-
+    case 'color/de': return <Color_de width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/device/desktop':
-    case 'color/device/desktop':
-      return <Color_device_desktop width={width} height={height} fill={fill} />;
-
+    case 'color/device/desktop': return <Color_device_desktop width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/device/mobile':
-    case 'color/device/mobile':
-      return <Color_device_mobile width={width} height={height} fill={fill} />;
-
+    case 'color/device/mobile': return <Color_device_mobile width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/device/tablet':
-    case 'color/device/tablet':
-      return <Color_device_tablet width={width} height={height} fill={fill} />;
-
+    case 'color/device/tablet': return <Color_device_tablet width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/device/unkown':
-    case 'color/device/unkown':
-      return <Color_device_unkown width={width} height={height} fill={fill} />;
-
+    case 'color/device/unkown': return <Color_device_unkown width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/edge':
-    case 'color/edge':
-      return <Color_edge width={width} height={height} fill={fill} />;
-
+    case 'color/edge': return <Color_edge width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/fedora':
-    case 'color/fedora':
-      return <Color_fedora width={width} height={height} fill={fill} />;
-
+    case 'color/fedora': return <Color_fedora width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/firefox':
-    case 'color/firefox':
-      return <Color_firefox width={width} height={height} fill={fill} />;
-
+    case 'color/firefox': return <Color_firefox width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/fr':
-    case 'color/fr':
-      return <Color_fr width={width} height={height} fill={fill} />;
-
+    case 'color/fr': return <Color_fr width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/gb':
-    case 'color/gb':
-      return <Color_gb width={width} height={height} fill={fill} />;
-
+    case 'color/gb': return <Color_gb width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/in':
-    case 'color/in':
-      return <Color_in width={width} height={height} fill={fill} />;
-
+    case 'color/in': return <Color_in width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/bad_request':
-    case 'color/issues/bad_request':
-      return (
-        <Color_issues_bad_request width={width} height={height} fill={fill} />
-      );
-
+    case 'color/issues/bad_request': return <Color_issues_bad_request width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/click_rage':
-    case 'color/issues/click_rage':
-      return (
-        <Color_issues_click_rage width={width} height={height} fill={fill} />
-      );
-
+    case 'color/issues/click_rage': return <Color_issues_click_rage width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/cpu':
-    case 'color/issues/cpu':
-      return <Color_issues_cpu width={width} height={height} fill={fill} />;
-
+    case 'color/issues/cpu': return <Color_issues_cpu width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/crash':
-    case 'color/issues/crash':
-      return <Color_issues_crash width={width} height={height} fill={fill} />;
-
+    case 'color/issues/crash': return <Color_issues_crash width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/custom':
-    case 'color/issues/custom':
-      return <Color_issues_custom width={width} height={height} fill={fill} />;
-
+    case 'color/issues/custom': return <Color_issues_custom width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/dead_click':
-    case 'color/issues/dead_click':
-      return (
-        <Color_issues_dead_click width={width} height={height} fill={fill} />
-      );
-
+    case 'color/issues/dead_click': return <Color_issues_dead_click width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/errors':
-    case 'color/issues/errors':
-      return <Color_issues_errors width={width} height={height} fill={fill} />;
-
+    case 'color/issues/errors': return <Color_issues_errors width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/excessive_scrolling':
-    case 'color/issues/excessive_scrolling':
-      return (
-        <Color_issues_excessive_scrolling
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'color/issues/excessive_scrolling': return <Color_issues_excessive_scrolling width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/js_exception':
-    case 'color/issues/js_exception':
-      return (
-        <Color_issues_js_exception width={width} height={height} fill={fill} />
-      );
-
+    case 'color/issues/js_exception': return <Color_issues_js_exception width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/memory':
-    case 'color/issues/memory':
-      return <Color_issues_memory width={width} height={height} fill={fill} />;
-
+    case 'color/issues/memory': return <Color_issues_memory width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/missing_resource':
-    case 'color/issues/missing_resource':
-      return (
-        <Color_issues_missing_resource
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'color/issues/missing_resource': return <Color_issues_missing_resource width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/mouse_thrashing':
-    case 'color/issues/mouse_thrashing':
-      return (
-        <Color_issues_mouse_thrashing
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'color/issues/mouse_thrashing': return <Color_issues_mouse_thrashing width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/issues/slow_page_load':
-    case 'color/issues/slow_page_load':
-      return (
-        <Color_issues_slow_page_load
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'color/issues/slow_page_load': return <Color_issues_slow_page_load width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/microsoft':
-    case 'color/microsoft':
-      return <Color_microsoft width={width} height={height} fill={fill} />;
-
+    case 'color/microsoft': return <Color_microsoft width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/opera':
-    case 'color/opera':
-      return <Color_opera width={width} height={height} fill={fill} />;
-
+    case 'color/opera': return <Color_opera width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/android':
-    case 'color/os/android':
-      return <Color_os_android width={width} height={height} fill={fill} />;
-
+    case 'color/os/android': return <Color_os_android width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/apple':
-    case 'color/os/apple':
-      return <Color_os_apple width={width} height={height} fill={fill} />;
-
+    case 'color/os/apple': return <Color_os_apple width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/elementary':
-    case 'color/os/elementary':
-      return <Color_os_elementary width={width} height={height} fill={fill} />;
-
+    case 'color/os/elementary': return <Color_os_elementary width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/fedora':
-    case 'color/os/fedora':
-      return <Color_os_fedora width={width} height={height} fill={fill} />;
-
+    case 'color/os/fedora': return <Color_os_fedora width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/ios':
-    case 'color/os/ios':
-      return <Color_os_ios width={width} height={height} fill={fill} />;
-
+    case 'color/os/ios': return <Color_os_ios width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/linux':
-    case 'color/os/linux':
-      return <Color_os_linux width={width} height={height} fill={fill} />;
-
+    case 'color/os/linux': return <Color_os_linux width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/macos':
-    case 'color/os/macos':
-      return <Color_os_macos width={width} height={height} fill={fill} />;
-
+    case 'color/os/macos': return <Color_os_macos width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/microsoft':
-    case 'color/os/microsoft':
-      return <Color_os_microsoft width={width} height={height} fill={fill} />;
-
+    case 'color/os/microsoft': return <Color_os_microsoft width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/ubuntu':
-    case 'color/os/ubuntu':
-      return <Color_os_ubuntu width={width} height={height} fill={fill} />;
-
+    case 'color/os/ubuntu': return <Color_os_ubuntu width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/os/unkown':
-    case 'color/os/unkown':
-      return <Color_os_unkown width={width} height={height} fill={fill} />;
-
+    case 'color/os/unkown': return <Color_os_unkown width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/safari':
-    case 'color/safari':
-      return <Color_safari width={width} height={height} fill={fill} />;
-
+    case 'color/safari': return <Color_safari width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/ubuntu':
-    case 'color/ubuntu':
-      return <Color_ubuntu width={width} height={height} fill={fill} />;
-
+    case 'color/ubuntu': return <Color_ubuntu width={ width } height={ height } fill={ fill } />;
+  
     // case 'color/us':
-    case 'color/us':
-      return <Color_us width={width} height={height} fill={fill} />;
-
+    case 'color/us': return <Color_us width={ width } height={ height } fill={ fill } />;
+  
     // case 'columns-gap':
-    case 'columns-gap':
-      return <Columns_gap width={width} height={height} fill={fill} />;
-
+    case 'columns-gap': return <Columns_gap width={ width } height={ height } fill={ fill } />;
+  
     // case 'console/error':
-    case 'console/error':
-      return <Console_error width={width} height={height} fill={fill} />;
-
+    case 'console/error': return <Console_error width={ width } height={ height } fill={ fill } />;
+  
     // case 'console/exception':
-    case 'console/exception':
-      return <Console_exception width={width} height={height} fill={fill} />;
-
+    case 'console/exception': return <Console_exception width={ width } height={ height } fill={ fill } />;
+  
     // case 'console/info':
-    case 'console/info':
-      return <Console_info width={width} height={height} fill={fill} />;
-
+    case 'console/info': return <Console_info width={ width } height={ height } fill={ fill } />;
+  
     // case 'console/warning':
-    case 'console/warning':
-      return <Console_warning width={width} height={height} fill={fill} />;
-
-    case 'console':
-      return <Console width={width} height={height} fill={fill} />;
-
-    case 'controller':
-      return <Controller width={width} height={height} fill={fill} />;
-
-    case 'cookies':
-      return <Cookies width={width} height={height} fill={fill} />;
-
-    case 'copy':
-      return <Copy width={width} height={height} fill={fill} />;
-
+    case 'console/warning': return <Console_warning width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'console': return <Console width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'controller': return <Controller width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'cookies': return <Cookies width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'copy': return <Copy width={ width } height={ height } fill={ fill } />;
+  
     // case 'credit-card-2-back':
-    case 'credit-card-2-back':
-      return <Credit_card_2_back width={width} height={height} fill={fill} />;
-
-    case 'cross':
-      return <Cross width={width} height={height} fill={fill} />;
-
-    case 'cubes':
-      return <Cubes width={width} height={height} fill={fill} />;
-
+    case 'credit-card-2-back': return <Credit_card_2_back width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'cross': return <Cross width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'cubes': return <Cubes width={ width } height={ height } fill={ fill } />;
+  
     // case 'cursor-trash':
     case 'cursor-trash': return <Cursor_trash width={ width } height={ height } fill={ fill } />;
   
@@ -1150,1125 +984,767 @@ const SVG = (props: Props) => {
     case 'dash': return <Dash width={ width } height={ height } fill={ fill } />;
   
     // case 'dashboard-icn':
-    case 'dashboard-icn':
-      return <Dashboard_icn width={width} height={height} fill={fill} />;
-
+    case 'dashboard-icn': return <Dashboard_icn width={ width } height={ height } fill={ fill } />;
+  
     // case 'dashboards/circle-alert':
-    case 'dashboards/circle-alert':
-      return (
-        <Dashboards_circle_alert width={width} height={height} fill={fill} />
-      );
-
+    case 'dashboards/circle-alert': return <Dashboards_circle_alert width={ width } height={ height } fill={ fill } />;
+  
     // case 'dashboards/cohort-chart':
-    case 'dashboards/cohort-chart':
-      return (
-        <Dashboards_cohort_chart width={width} height={height} fill={fill} />
-      );
-
+    case 'dashboards/cohort-chart': return <Dashboards_cohort_chart width={ width } height={ height } fill={ fill } />;
+  
     // case 'dashboards/heatmap-2':
-    case 'dashboards/heatmap-2':
-      return <Dashboards_heatmap_2 width={width} height={height} fill={fill} />;
-
+    case 'dashboards/heatmap-2': return <Dashboards_heatmap_2 width={ width } height={ height } fill={ fill } />;
+  
     // case 'dashboards/user-journey':
-    case 'dashboards/user-journey':
-      return (
-        <Dashboards_user_journey width={width} height={height} fill={fill} />
-      );
-
+    case 'dashboards/user-journey': return <Dashboards_user_journey width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-clickMap':
-    case 'db-icons/icn-card-clickMap':
-      return (
-        <Db_icons_icn_card_clickmap width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-clickMap': return <Db_icons_icn_card_clickmap width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-errors':
-    case 'db-icons/icn-card-errors':
-      return (
-        <Db_icons_icn_card_errors width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-errors': return <Db_icons_icn_card_errors width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-funnel':
-    case 'db-icons/icn-card-funnel':
-      return (
-        <Db_icons_icn_card_funnel width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-funnel': return <Db_icons_icn_card_funnel width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-funnels':
-    case 'db-icons/icn-card-funnels':
-      return (
-        <Db_icons_icn_card_funnels width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-funnels': return <Db_icons_icn_card_funnels width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-insights':
-    case 'db-icons/icn-card-insights':
-      return (
-        <Db_icons_icn_card_insights width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-insights': return <Db_icons_icn_card_insights width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-library':
-    case 'db-icons/icn-card-library':
-      return (
-        <Db_icons_icn_card_library width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-library': return <Db_icons_icn_card_library width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-mapchart':
-    case 'db-icons/icn-card-mapchart':
-      return (
-        <Db_icons_icn_card_mapchart width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-mapchart': return <Db_icons_icn_card_mapchart width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-pathAnalysis':
-    case 'db-icons/icn-card-pathAnalysis':
-      return (
-        <Db_icons_icn_card_pathanalysis
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'db-icons/icn-card-pathAnalysis': return <Db_icons_icn_card_pathanalysis width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-performance':
-    case 'db-icons/icn-card-performance':
-      return (
-        <Db_icons_icn_card_performance
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'db-icons/icn-card-performance': return <Db_icons_icn_card_performance width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-resources':
-    case 'db-icons/icn-card-resources':
-      return (
-        <Db_icons_icn_card_resources
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'db-icons/icn-card-resources': return <Db_icons_icn_card_resources width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-table':
-    case 'db-icons/icn-card-table':
-      return (
-        <Db_icons_icn_card_table width={width} height={height} fill={fill} />
-      );
-
+    case 'db-icons/icn-card-table': return <Db_icons_icn_card_table width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-timeseries':
-    case 'db-icons/icn-card-timeseries':
-      return (
-        <Db_icons_icn_card_timeseries
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'db-icons/icn-card-timeseries': return <Db_icons_icn_card_timeseries width={ width } height={ height } fill={ fill } />;
+  
     // case 'db-icons/icn-card-webVitals':
-    case 'db-icons/icn-card-webVitals':
-      return (
-        <Db_icons_icn_card_webvitals
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
-    case 'desktop':
-      return <Desktop width={width} height={height} fill={fill} />;
-
-    case 'device':
-      return <Device width={width} height={height} fill={fill} />;
-
+    case 'db-icons/icn-card-webVitals': return <Db_icons_icn_card_webvitals width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'desktop': return <Desktop width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'device': return <Device width={ width } height={ height } fill={ fill } />;
+  
     // case 'diagram-3':
-    case 'diagram-3':
-      return <Diagram_3 width={width} height={height} fill={fill} />;
-
-    case 'dizzy':
-      return <Dizzy width={width} height={height} fill={fill} />;
-
+    case 'diagram-3': return <Diagram_3 width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'dizzy': return <Dizzy width={ width } height={ height } fill={ fill } />;
+  
     // case 'door-closed':
-    case 'door-closed':
-      return <Door_closed width={width} height={height} fill={fill} />;
-
-    case 'download':
-      return <Download width={width} height={height} fill={fill} />;
-
-    case 'drag':
-      return <Drag width={width} height={height} fill={fill} />;
-
-    case 'edit':
-      return <Edit width={width} height={height} fill={fill} />;
-
+    case 'door-closed': return <Door_closed width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'download': return <Download width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'drag': return <Drag width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'edit': return <Edit width={ width } height={ height } fill={ fill } />;
+  
     // case 'ellipsis-v':
-    case 'ellipsis-v':
-      return <Ellipsis_v width={width} height={height} fill={fill} />;
-
+    case 'ellipsis-v': return <Ellipsis_v width={ width } height={ height } fill={ fill } />;
+  
     // case 'emoji-dizzy':
-    case 'emoji-dizzy':
-      return <Emoji_dizzy width={width} height={height} fill={fill} />;
-
-    case 'enter':
-      return <Enter width={width} height={height} fill={fill} />;
-
+    case 'emoji-dizzy': return <Emoji_dizzy width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'enter': return <Enter width={ width } height={ height } fill={ fill } />;
+  
     // case 'envelope-check':
-    case 'envelope-check':
-      return <Envelope_check width={width} height={height} fill={fill} />;
-
+    case 'envelope-check': return <Envelope_check width={ width } height={ height } fill={ fill } />;
+  
     // case 'envelope-paper':
-    case 'envelope-paper':
-      return <Envelope_paper width={width} height={height} fill={fill} />;
-
+    case 'envelope-paper': return <Envelope_paper width={ width } height={ height } fill={ fill } />;
+  
     // case 'envelope-x':
-    case 'envelope-x':
-      return <Envelope_x width={width} height={height} fill={fill} />;
-
-    case 'envelope':
-      return <Envelope width={width} height={height} fill={fill} />;
-
+    case 'envelope-x': return <Envelope_x width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'envelope': return <Envelope width={ width } height={ height } fill={ fill } />;
+  
     // case 'errors-icon':
-    case 'errors-icon':
-      return <Errors_icon width={width} height={height} fill={fill} />;
-
+    case 'errors-icon': return <Errors_icon width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/click':
-    case 'event/click':
-      return <Event_click width={width} height={height} fill={fill} />;
-
+    case 'event/click': return <Event_click width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/click_hesitation':
-    case 'event/click_hesitation':
-      return (
-        <Event_click_hesitation width={width} height={height} fill={fill} />
-      );
-
+    case 'event/click_hesitation': return <Event_click_hesitation width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/clickrage':
-    case 'event/clickrage':
-      return <Event_clickrage width={width} height={height} fill={fill} />;
-
+    case 'event/clickrage': return <Event_clickrage width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/code':
-    case 'event/code':
-      return <Event_code width={width} height={height} fill={fill} />;
-
+    case 'event/code': return <Event_code width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/i-cursor':
-    case 'event/i-cursor':
-      return <Event_i_cursor width={width} height={height} fill={fill} />;
-
+    case 'event/i-cursor': return <Event_i_cursor width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/input':
-    case 'event/input':
-      return <Event_input width={width} height={height} fill={fill} />;
-
+    case 'event/input': return <Event_input width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/input_hesitation':
-    case 'event/input_hesitation':
-      return (
-        <Event_input_hesitation width={width} height={height} fill={fill} />
-      );
-
+    case 'event/input_hesitation': return <Event_input_hesitation width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/link':
-    case 'event/link':
-      return <Event_link width={width} height={height} fill={fill} />;
-
+    case 'event/link': return <Event_link width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/location':
-    case 'event/location':
-      return <Event_location width={width} height={height} fill={fill} />;
-
+    case 'event/location': return <Event_location width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/mouse_thrashing':
-    case 'event/mouse_thrashing':
-      return (
-        <Event_mouse_thrashing width={width} height={height} fill={fill} />
-      );
-
+    case 'event/mouse_thrashing': return <Event_mouse_thrashing width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/resize':
-    case 'event/resize':
-      return <Event_resize width={width} height={height} fill={fill} />;
-
+    case 'event/resize': return <Event_resize width={ width } height={ height } fill={ fill } />;
+  
     // case 'event/view':
-    case 'event/view':
-      return <Event_view width={width} height={height} fill={fill} />;
-
+    case 'event/view': return <Event_view width={ width } height={ height } fill={ fill } />;
+  
     // case 'exclamation-circle-fill':
-    case 'exclamation-circle-fill':
-      return (
-        <Exclamation_circle_fill width={width} height={height} fill={fill} />
-      );
-
+    case 'exclamation-circle-fill': return <Exclamation_circle_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'exclamation-circle':
-    case 'exclamation-circle':
-      return <Exclamation_circle width={width} height={height} fill={fill} />;
-
+    case 'exclamation-circle': return <Exclamation_circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'exclamation-triangle':
-    case 'exclamation-triangle':
-      return <Exclamation_triangle width={width} height={height} fill={fill} />;
-
-    case 'explosion':
-      return <Explosion width={width} height={height} fill={fill} />;
-
+    case 'exclamation-triangle': return <Exclamation_triangle width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'explosion': return <Explosion width={ width } height={ height } fill={ fill } />;
+  
     // case 'external-link-alt':
-    case 'external-link-alt':
-      return <External_link_alt width={width} height={height} fill={fill} />;
-
+    case 'external-link-alt': return <External_link_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'eye-slash-fill':
-    case 'eye-slash-fill':
-      return <Eye_slash_fill width={width} height={height} fill={fill} />;
-
+    case 'eye-slash-fill': return <Eye_slash_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'eye-slash':
-    case 'eye-slash':
-      return <Eye_slash width={width} height={height} fill={fill} />;
-
-    case 'eye':
-      return <Eye width={width} height={height} fill={fill} />;
-
+    case 'eye-slash': return <Eye_slash width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'eye': return <Eye width={ width } height={ height } fill={ fill } />;
+  
     // case 'fetch-request':
-    case 'fetch-request':
-      return <Fetch_request width={width} height={height} fill={fill} />;
-
-    case 'fetch':
-      return <Fetch width={width} height={height} fill={fill} />;
-
+    case 'fetch-request': return <Fetch_request width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'fetch': return <Fetch width={ width } height={ height } fill={ fill } />;
+  
     // case 'fflag-multi':
-    case 'fflag-multi':
-      return <Fflag_multi width={width} height={height} fill={fill} />;
-
+    case 'fflag-multi': return <Fflag_multi width={ width } height={ height } fill={ fill } />;
+  
     // case 'fflag-single':
-    case 'fflag-single':
-      return <Fflag_single width={width} height={height} fill={fill} />;
-
+    case 'fflag-single': return <Fflag_single width={ width } height={ height } fill={ fill } />;
+  
     // case 'file-bar-graph':
-    case 'file-bar-graph':
-      return <File_bar_graph width={width} height={height} fill={fill} />;
-
+    case 'file-bar-graph': return <File_bar_graph width={ width } height={ height } fill={ fill } />;
+  
     // case 'file-code':
-    case 'file-code':
-      return <File_code width={width} height={height} fill={fill} />;
-
+    case 'file-code': return <File_code width={ width } height={ height } fill={ fill } />;
+  
     // case 'file-medical-alt':
-    case 'file-medical-alt':
-      return <File_medical_alt width={width} height={height} fill={fill} />;
-
+    case 'file-medical-alt': return <File_medical_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'file-pdf':
-    case 'file-pdf':
-      return <File_pdf width={width} height={height} fill={fill} />;
-
-    case 'file':
-      return <File width={width} height={height} fill={fill} />;
-
-    case 'files':
-      return <Files width={width} height={height} fill={fill} />;
-
+    case 'file-pdf': return <File_pdf width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'file': return <File width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'files': return <Files width={ width } height={ height } fill={ fill } />;
+  
     // case 'filetype-js':
-    case 'filetype-js':
-      return <Filetype_js width={width} height={height} fill={fill} />;
-
+    case 'filetype-js': return <Filetype_js width={ width } height={ height } fill={ fill } />;
+  
     // case 'filetype-pdf':
-    case 'filetype-pdf':
-      return <Filetype_pdf width={width} height={height} fill={fill} />;
-
-    case 'filter':
-      return <Filter width={width} height={height} fill={fill} />;
-
+    case 'filetype-pdf': return <Filetype_pdf width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'filter': return <Filter width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/arrow-return-right':
-    case 'filters/arrow-return-right':
-      return (
-        <Filters_arrow_return_right width={width} height={height} fill={fill} />
-      );
-
+    case 'filters/arrow-return-right': return <Filters_arrow_return_right width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/browser':
-    case 'filters/browser':
-      return <Filters_browser width={width} height={height} fill={fill} />;
-
+    case 'filters/browser': return <Filters_browser width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/chevrons-up-down':
-    case 'filters/chevrons-up-down':
-      return (
-        <Filters_chevrons_up_down width={width} height={height} fill={fill} />
-      );
-
+    case 'filters/chevrons-up-down': return <Filters_chevrons_up_down width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/click':
-    case 'filters/click':
-      return <Filters_click width={width} height={height} fill={fill} />;
-
+    case 'filters/click': return <Filters_click width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/clickrage':
-    case 'filters/clickrage':
-      return <Filters_clickrage width={width} height={height} fill={fill} />;
-
+    case 'filters/clickrage': return <Filters_clickrage width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/code':
-    case 'filters/code':
-      return <Filters_code width={width} height={height} fill={fill} />;
-
+    case 'filters/code': return <Filters_code width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/console':
-    case 'filters/console':
-      return <Filters_console width={width} height={height} fill={fill} />;
-
+    case 'filters/console': return <Filters_console width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/country':
-    case 'filters/country':
-      return <Filters_country width={width} height={height} fill={fill} />;
-
+    case 'filters/country': return <Filters_country width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/cpu-load':
-    case 'filters/cpu-load':
-      return <Filters_cpu_load width={width} height={height} fill={fill} />;
-
+    case 'filters/cpu-load': return <Filters_cpu_load width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/custom':
-    case 'filters/custom':
-      return <Filters_custom width={width} height={height} fill={fill} />;
-
+    case 'filters/custom': return <Filters_custom width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/device':
-    case 'filters/device':
-      return <Filters_device width={width} height={height} fill={fill} />;
-
+    case 'filters/device': return <Filters_device width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/dom-complete':
-    case 'filters/dom-complete':
-      return <Filters_dom_complete width={width} height={height} fill={fill} />;
-
+    case 'filters/dom-complete': return <Filters_dom_complete width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/duration':
-    case 'filters/duration':
-      return <Filters_duration width={width} height={height} fill={fill} />;
-
+    case 'filters/duration': return <Filters_duration width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/error':
-    case 'filters/error':
-      return <Filters_error width={width} height={height} fill={fill} />;
-
+    case 'filters/error': return <Filters_error width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/fetch-failed':
-    case 'filters/fetch-failed':
-      return <Filters_fetch_failed width={width} height={height} fill={fill} />;
-
+    case 'filters/fetch-failed': return <Filters_fetch_failed width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/fetch':
-    case 'filters/fetch':
-      return <Filters_fetch width={width} height={height} fill={fill} />;
-
+    case 'filters/fetch': return <Filters_fetch width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/file-code':
-    case 'filters/file-code':
-      return <Filters_file_code width={width} height={height} fill={fill} />;
-
+    case 'filters/file-code': return <Filters_file_code width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/graphql':
-    case 'filters/graphql':
-      return <Filters_graphql width={width} height={height} fill={fill} />;
-
+    case 'filters/graphql': return <Filters_graphql width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/i-cursor':
-    case 'filters/i-cursor':
-      return <Filters_i_cursor width={width} height={height} fill={fill} />;
-
+    case 'filters/i-cursor': return <Filters_i_cursor width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/input':
-    case 'filters/input':
-      return <Filters_input width={width} height={height} fill={fill} />;
-
+    case 'filters/input': return <Filters_input width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/lcpt':
-    case 'filters/lcpt':
-      return <Filters_lcpt width={width} height={height} fill={fill} />;
-
+    case 'filters/lcpt': return <Filters_lcpt width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/link':
-    case 'filters/link':
-      return <Filters_link width={width} height={height} fill={fill} />;
-
+    case 'filters/link': return <Filters_link width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/location':
-    case 'filters/location':
-      return <Filters_location width={width} height={height} fill={fill} />;
-
+    case 'filters/location': return <Filters_location width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/memory-load':
-    case 'filters/memory-load':
-      return <Filters_memory_load width={width} height={height} fill={fill} />;
-
+    case 'filters/memory-load': return <Filters_memory_load width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/metadata':
-    case 'filters/metadata':
-      return <Filters_metadata width={width} height={height} fill={fill} />;
-
+    case 'filters/metadata': return <Filters_metadata width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/os':
-    case 'filters/os':
-      return <Filters_os width={width} height={height} fill={fill} />;
-
+    case 'filters/os': return <Filters_os width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/perfromance-network-request':
-    case 'filters/perfromance-network-request':
-      return (
-        <Filters_perfromance_network_request
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'filters/perfromance-network-request': return <Filters_perfromance_network_request width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/platform':
-    case 'filters/platform':
-      return <Filters_platform width={width} height={height} fill={fill} />;
-
+    case 'filters/platform': return <Filters_platform width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/referrer':
-    case 'filters/referrer':
-      return <Filters_referrer width={width} height={height} fill={fill} />;
-
+    case 'filters/referrer': return <Filters_referrer width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/resize':
-    case 'filters/resize':
-      return <Filters_resize width={width} height={height} fill={fill} />;
-
+    case 'filters/resize': return <Filters_resize width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/rev-id':
-    case 'filters/rev-id':
-      return <Filters_rev_id width={width} height={height} fill={fill} />;
-
+    case 'filters/rev-id': return <Filters_rev_id width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/screen':
-    case 'filters/screen':
-      return <Filters_screen width={width} height={height} fill={fill} />;
-
+    case 'filters/screen': return <Filters_screen width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/state-action':
-    case 'filters/state-action':
-      return <Filters_state_action width={width} height={height} fill={fill} />;
-
+    case 'filters/state-action': return <Filters_state_action width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/tag-element':
-    case 'filters/tag-element':
-      return <Filters_tag_element width={width} height={height} fill={fill} />;
-
+    case 'filters/tag-element': return <Filters_tag_element width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/ttfb':
-    case 'filters/ttfb':
-      return <Filters_ttfb width={width} height={height} fill={fill} />;
-
+    case 'filters/ttfb': return <Filters_ttfb width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/user-alt':
-    case 'filters/user-alt':
-      return <Filters_user_alt width={width} height={height} fill={fill} />;
-
+    case 'filters/user-alt': return <Filters_user_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/userid':
-    case 'filters/userid':
-      return <Filters_userid width={width} height={height} fill={fill} />;
-
+    case 'filters/userid': return <Filters_userid width={ width } height={ height } fill={ fill } />;
+  
     // case 'filters/view':
-    case 'filters/view':
-      return <Filters_view width={width} height={height} fill={fill} />;
-
+    case 'filters/view': return <Filters_view width={ width } height={ height } fill={ fill } />;
+  
     // case 'flag-na':
-    case 'flag-na':
-      return <Flag_na width={width} height={height} fill={fill} />;
-
+    case 'flag-na': return <Flag_na width={ width } height={ height } fill={ fill } />;
+  
     // case 'folder-plus':
-    case 'folder-plus':
-      return <Folder_plus width={width} height={height} fill={fill} />;
-
-    case 'folder2':
-      return <Folder2 width={width} height={height} fill={fill} />;
-
-    case 'fullscreen':
-      return <Fullscreen width={width} height={height} fill={fill} />;
-
+    case 'folder-plus': return <Folder_plus width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'folder2': return <Folder2 width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'fullscreen': return <Fullscreen width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/cpu-fill':
-    case 'funnel/cpu-fill':
-      return <Funnel_cpu_fill width={width} height={height} fill={fill} />;
-
+    case 'funnel/cpu-fill': return <Funnel_cpu_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/cpu':
-    case 'funnel/cpu':
-      return <Funnel_cpu width={width} height={height} fill={fill} />;
-
+    case 'funnel/cpu': return <Funnel_cpu width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/dizzy':
-    case 'funnel/dizzy':
-      return <Funnel_dizzy width={width} height={height} fill={fill} />;
-
+    case 'funnel/dizzy': return <Funnel_dizzy width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/emoji-angry-fill':
-    case 'funnel/emoji-angry-fill':
-      return (
-        <Funnel_emoji_angry_fill width={width} height={height} fill={fill} />
-      );
-
+    case 'funnel/emoji-angry-fill': return <Funnel_emoji_angry_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/emoji-angry':
-    case 'funnel/emoji-angry':
-      return <Funnel_emoji_angry width={width} height={height} fill={fill} />;
-
+    case 'funnel/emoji-angry': return <Funnel_emoji_angry width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/emoji-dizzy-fill':
-    case 'funnel/emoji-dizzy-fill':
-      return (
-        <Funnel_emoji_dizzy_fill width={width} height={height} fill={fill} />
-      );
-
+    case 'funnel/emoji-dizzy-fill': return <Funnel_emoji_dizzy_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/exclamation-circle-fill':
-    case 'funnel/exclamation-circle-fill':
-      return (
-        <Funnel_exclamation_circle_fill
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'funnel/exclamation-circle-fill': return <Funnel_exclamation_circle_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/exclamation-circle':
-    case 'funnel/exclamation-circle':
-      return (
-        <Funnel_exclamation_circle width={width} height={height} fill={fill} />
-      );
-
+    case 'funnel/exclamation-circle': return <Funnel_exclamation_circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/file-earmark-break-fill':
-    case 'funnel/file-earmark-break-fill':
-      return (
-        <Funnel_file_earmark_break_fill
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'funnel/file-earmark-break-fill': return <Funnel_file_earmark_break_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/file-earmark-break':
-    case 'funnel/file-earmark-break':
-      return (
-        <Funnel_file_earmark_break width={width} height={height} fill={fill} />
-      );
-
+    case 'funnel/file-earmark-break': return <Funnel_file_earmark_break width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/file-earmark-minus-fill':
-    case 'funnel/file-earmark-minus-fill':
-      return (
-        <Funnel_file_earmark_minus_fill
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'funnel/file-earmark-minus-fill': return <Funnel_file_earmark_minus_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/file-earmark-minus':
-    case 'funnel/file-earmark-minus':
-      return (
-        <Funnel_file_earmark_minus width={width} height={height} fill={fill} />
-      );
-
+    case 'funnel/file-earmark-minus': return <Funnel_file_earmark_minus width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/file-medical-alt':
-    case 'funnel/file-medical-alt':
-      return (
-        <Funnel_file_medical_alt width={width} height={height} fill={fill} />
-      );
-
+    case 'funnel/file-medical-alt': return <Funnel_file_medical_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/file-x':
-    case 'funnel/file-x':
-      return <Funnel_file_x width={width} height={height} fill={fill} />;
-
+    case 'funnel/file-x': return <Funnel_file_x width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/hdd-fill':
-    case 'funnel/hdd-fill':
-      return <Funnel_hdd_fill width={width} height={height} fill={fill} />;
-
+    case 'funnel/hdd-fill': return <Funnel_hdd_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/hourglass-top':
-    case 'funnel/hourglass-top':
-      return <Funnel_hourglass_top width={width} height={height} fill={fill} />;
-
+    case 'funnel/hourglass-top': return <Funnel_hourglass_top width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/image-fill':
-    case 'funnel/image-fill':
-      return <Funnel_image_fill width={width} height={height} fill={fill} />;
-
+    case 'funnel/image-fill': return <Funnel_image_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/image':
-    case 'funnel/image':
-      return <Funnel_image width={width} height={height} fill={fill} />;
-
+    case 'funnel/image': return <Funnel_image width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/microchip':
-    case 'funnel/microchip':
-      return <Funnel_microchip width={width} height={height} fill={fill} />;
-
+    case 'funnel/microchip': return <Funnel_microchip width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/mouse':
-    case 'funnel/mouse':
-      return <Funnel_mouse width={width} height={height} fill={fill} />;
-
+    case 'funnel/mouse': return <Funnel_mouse width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/patch-exclamation-fill':
-    case 'funnel/patch-exclamation-fill':
-      return (
-        <Funnel_patch_exclamation_fill
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'funnel/patch-exclamation-fill': return <Funnel_patch_exclamation_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel/sd-card':
-    case 'funnel/sd-card':
-      return <Funnel_sd_card width={width} height={height} fill={fill} />;
-
+    case 'funnel/sd-card': return <Funnel_sd_card width={ width } height={ height } fill={ fill } />;
+  
     // case 'funnel-fill':
-    case 'funnel-fill':
-      return <Funnel_fill width={width} height={height} fill={fill} />;
-
-    case 'funnel':
-      return <Funnel width={width} height={height} fill={fill} />;
-
-    case 'gear':
-      return <Gear width={width} height={height} fill={fill} />;
-
-    case 'github':
-      return <Github width={width} height={height} fill={fill} />;
-
+    case 'funnel-fill': return <Funnel_fill width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'funnel': return <Funnel width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'gear': return <Gear width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'github': return <Github width={ width } height={ height } fill={ fill } />;
+  
     // case 'graph-up':
-    case 'graph-up':
-      return <Graph_up width={width} height={height} fill={fill} />;
-
+    case 'graph-up': return <Graph_up width={ width } height={ height } fill={ fill } />;
+  
     // case 'grid-3x3':
-    case 'grid-3x3':
-      return <Grid_3x3 width={width} height={height} fill={fill} />;
-
+    case 'grid-3x3': return <Grid_3x3 width={ width } height={ height } fill={ fill } />;
+  
     // case 'grid-check':
-    case 'grid-check':
-      return <Grid_check width={width} height={height} fill={fill} />;
-
-    case 'grid':
-      return <Grid width={width} height={height} fill={fill} />;
-
-    case 'hash':
-      return <Hash width={width} height={height} fill={fill} />;
-
-    case 'headset':
-      return <Headset width={width} height={height} fill={fill} />;
-
-    case 'history':
-      return <History width={width} height={height} fill={fill} />;
-
+    case 'grid-check': return <Grid_check width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'grid': return <Grid width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'hash': return <Hash width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'headset': return <Headset width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'history': return <History width={ width } height={ height } fill={ fill } />;
+  
     // case 'ic-errors':
-    case 'ic-errors':
-      return <Ic_errors width={width} height={height} fill={fill} />;
-
+    case 'ic-errors': return <Ic_errors width={ width } height={ height } fill={ fill } />;
+  
     // case 'ic-network':
-    case 'ic-network':
-      return <Ic_network width={width} height={height} fill={fill} />;
-
+    case 'ic-network': return <Ic_network width={ width } height={ height } fill={ fill } />;
+  
     // case 'ic-rage':
-    case 'ic-rage':
-      return <Ic_rage width={width} height={height} fill={fill} />;
-
+    case 'ic-rage': return <Ic_rage width={ width } height={ height } fill={ fill } />;
+  
     // case 'ic-resources':
-    case 'ic-resources':
-      return <Ic_resources width={width} height={height} fill={fill} />;
-
+    case 'ic-resources': return <Ic_resources width={ width } height={ height } fill={ fill } />;
+  
     // case 'icn_fetch-request':
-    case 'icn_fetch-request':
-      return <Icn_fetch_request width={width} height={height} fill={fill} />;
-
-    case 'icn_referrer':
-      return <Icn_referrer width={width} height={height} fill={fill} />;
-
-    case 'icn_url':
-      return <Icn_url width={width} height={height} fill={fill} />;
-
+    case 'icn_fetch-request': return <Icn_fetch_request width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'icn_referrer': return <Icn_referrer width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'icn_url': return <Icn_url width={ width } height={ height } fill={ fill } />;
+  
     // case 'id-card':
-    case 'id-card':
-      return <Id_card width={width} height={height} fill={fill} />;
-
-    case 'image':
-      return <Image width={width} height={height} fill={fill} />;
-
+    case 'id-card': return <Id_card width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'image': return <Image width={ width } height={ height } fill={ fill } />;
+  
     // case 'info-circle-fill':
-    case 'info-circle-fill':
-      return <Info_circle_fill width={width} height={height} fill={fill} />;
-
+    case 'info-circle-fill': return <Info_circle_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'info-circle':
-    case 'info-circle':
-      return <Info_circle width={width} height={height} fill={fill} />;
-
+    case 'info-circle': return <Info_circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'info-square':
-    case 'info-square':
-      return <Info_square width={width} height={height} fill={fill} />;
-
-    case 'info':
-      return <Info width={width} height={height} fill={fill} />;
-
+    case 'info-square': return <Info_square width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'info': return <Info width={ width } height={ height } fill={ fill } />;
+  
     // case 'input-hesitation':
-    case 'input-hesitation':
-      return <Input_hesitation width={width} height={height} fill={fill} />;
-
-    case 'inspect':
-      return <Inspect width={width} height={height} fill={fill} />;
-
+    case 'input-hesitation': return <Input_hesitation width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'inspect': return <Inspect width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/assist':
-    case 'integrations/assist':
-      return <Integrations_assist width={width} height={height} fill={fill} />;
-
+    case 'integrations/assist': return <Integrations_assist width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/bugsnag-text':
-    case 'integrations/bugsnag-text':
-      return (
-        <Integrations_bugsnag_text width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/bugsnag-text': return <Integrations_bugsnag_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/bugsnag':
-    case 'integrations/bugsnag':
-      return <Integrations_bugsnag width={width} height={height} fill={fill} />;
-
+    case 'integrations/bugsnag': return <Integrations_bugsnag width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/cloudwatch-text':
-    case 'integrations/cloudwatch-text':
-      return (
-        <Integrations_cloudwatch_text
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'integrations/cloudwatch-text': return <Integrations_cloudwatch_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/cloudwatch':
-    case 'integrations/cloudwatch':
-      return (
-        <Integrations_cloudwatch width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/cloudwatch': return <Integrations_cloudwatch width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/datadog':
-    case 'integrations/datadog':
-      return <Integrations_datadog width={width} height={height} fill={fill} />;
-
+    case 'integrations/datadog': return <Integrations_datadog width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/dynatrace':
-    case 'integrations/dynatrace':
-      return (
-        <Integrations_dynatrace width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/dynatrace': return <Integrations_dynatrace width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/elasticsearch-text':
-    case 'integrations/elasticsearch-text':
-      return (
-        <Integrations_elasticsearch_text
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'integrations/elasticsearch-text': return <Integrations_elasticsearch_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/elasticsearch':
-    case 'integrations/elasticsearch':
-      return (
-        <Integrations_elasticsearch width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/elasticsearch': return <Integrations_elasticsearch width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/github':
-    case 'integrations/github':
-      return <Integrations_github width={width} height={height} fill={fill} />;
-
+    case 'integrations/github': return <Integrations_github width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/graphql':
-    case 'integrations/graphql':
-      return <Integrations_graphql width={width} height={height} fill={fill} />;
-
+    case 'integrations/graphql': return <Integrations_graphql width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/jira-text':
-    case 'integrations/jira-text':
-      return (
-        <Integrations_jira_text width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/jira-text': return <Integrations_jira_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/jira':
-    case 'integrations/jira':
-      return <Integrations_jira width={width} height={height} fill={fill} />;
-
+    case 'integrations/jira': return <Integrations_jira width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/mobx':
-    case 'integrations/mobx':
-      return <Integrations_mobx width={width} height={height} fill={fill} />;
-
+    case 'integrations/mobx': return <Integrations_mobx width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/newrelic-text':
-    case 'integrations/newrelic-text':
-      return (
-        <Integrations_newrelic_text width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/newrelic-text': return <Integrations_newrelic_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/newrelic':
-    case 'integrations/newrelic':
-      return (
-        <Integrations_newrelic width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/newrelic': return <Integrations_newrelic width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/ngrx':
-    case 'integrations/ngrx':
-      return <Integrations_ngrx width={width} height={height} fill={fill} />;
-
+    case 'integrations/ngrx': return <Integrations_ngrx width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/openreplay-text':
-    case 'integrations/openreplay-text':
-      return (
-        <Integrations_openreplay_text
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'integrations/openreplay-text': return <Integrations_openreplay_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/openreplay':
-    case 'integrations/openreplay':
-      return (
-        <Integrations_openreplay width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/openreplay': return <Integrations_openreplay width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/redux':
-    case 'integrations/redux':
-      return <Integrations_redux width={width} height={height} fill={fill} />;
-
+    case 'integrations/redux': return <Integrations_redux width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/rollbar-text':
-    case 'integrations/rollbar-text':
-      return (
-        <Integrations_rollbar_text width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/rollbar-text': return <Integrations_rollbar_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/rollbar':
-    case 'integrations/rollbar':
-      return <Integrations_rollbar width={width} height={height} fill={fill} />;
-
+    case 'integrations/rollbar': return <Integrations_rollbar width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/segment':
-    case 'integrations/segment':
-      return <Integrations_segment width={width} height={height} fill={fill} />;
-
+    case 'integrations/segment': return <Integrations_segment width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/sentry-text':
-    case 'integrations/sentry-text':
-      return (
-        <Integrations_sentry_text width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/sentry-text': return <Integrations_sentry_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/sentry':
-    case 'integrations/sentry':
-      return <Integrations_sentry width={width} height={height} fill={fill} />;
-
+    case 'integrations/sentry': return <Integrations_sentry width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/slack-bw':
-    case 'integrations/slack-bw':
-      return (
-        <Integrations_slack_bw width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/slack-bw': return <Integrations_slack_bw width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/slack':
-    case 'integrations/slack':
-      return <Integrations_slack width={width} height={height} fill={fill} />;
-
+    case 'integrations/slack': return <Integrations_slack width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/stackdriver':
-    case 'integrations/stackdriver':
-      return (
-        <Integrations_stackdriver width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/stackdriver': return <Integrations_stackdriver width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/sumologic-text':
-    case 'integrations/sumologic-text':
-      return (
-        <Integrations_sumologic_text
-          width={width}
-          height={height}
-          fill={fill}
-        />
-      );
-
+    case 'integrations/sumologic-text': return <Integrations_sumologic_text width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/sumologic':
-    case 'integrations/sumologic':
-      return (
-        <Integrations_sumologic width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/sumologic': return <Integrations_sumologic width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/teams-white':
-    case 'integrations/teams-white':
-      return (
-        <Integrations_teams_white width={width} height={height} fill={fill} />
-      );
-
+    case 'integrations/teams-white': return <Integrations_teams_white width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/teams':
-    case 'integrations/teams':
-      return <Integrations_teams width={width} height={height} fill={fill} />;
-
+    case 'integrations/teams': return <Integrations_teams width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/vuejs':
-    case 'integrations/vuejs':
-      return <Integrations_vuejs width={width} height={height} fill={fill} />;
-
+    case 'integrations/vuejs': return <Integrations_vuejs width={ width } height={ height } fill={ fill } />;
+  
     // case 'integrations/zustand':
-    case 'integrations/zustand':
-      return <Integrations_zustand width={width} height={height} fill={fill} />;
-
+    case 'integrations/zustand': return <Integrations_zustand width={ width } height={ height } fill={ fill } />;
+  
     // case 'journal-code':
-    case 'journal-code':
-      return <Journal_code width={width} height={height} fill={fill} />;
-
-    case 'key':
-      return <Key width={width} height={height} fill={fill} />;
-
-    case 'keyboard':
-      return <Keyboard width={width} height={height} fill={fill} />;
-
+    case 'journal-code': return <Journal_code width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'key': return <Key width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'keyboard': return <Keyboard width={ width } height={ height } fill={ fill } />;
+  
     // case 'layers-half':
-    case 'layers-half':
-      return <Layers_half width={width} height={height} fill={fill} />;
-
+    case 'layers-half': return <Layers_half width={ width } height={ height } fill={ fill } />;
+  
     // case 'lightbulb-on':
-    case 'lightbulb-on':
-      return <Lightbulb_on width={width} height={height} fill={fill} />;
-
-    case 'lightbulb':
-      return <Lightbulb width={width} height={height} fill={fill} />;
-
+    case 'lightbulb-on': return <Lightbulb_on width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'lightbulb': return <Lightbulb width={ width } height={ height } fill={ fill } />;
+  
     // case 'link-45deg':
-    case 'link-45deg':
-      return <Link_45deg width={width} height={height} fill={fill} />;
-
+    case 'link-45deg': return <Link_45deg width={ width } height={ height } fill={ fill } />;
+  
     // case 'list-alt':
-    case 'list-alt':
-      return <List_alt width={width} height={height} fill={fill} />;
-
+    case 'list-alt': return <List_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'list-ul':
-    case 'list-ul':
-      return <List_ul width={width} height={height} fill={fill} />;
-
-    case 'list':
-      return <List width={width} height={height} fill={fill} />;
-
+    case 'list-ul': return <List_ul width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'list': return <List width={ width } height={ height } fill={ fill } />;
+  
     // case 'low-disc-space':
-    case 'low-disc-space':
-      return <Low_disc_space width={width} height={height} fill={fill} />;
-
-    case 'magic':
-      return <Magic width={width} height={height} fill={fill} />;
-
+    case 'low-disc-space': return <Low_disc_space width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'magic': return <Magic width={ width } height={ height } fill={ fill } />;
+  
     // case 'map-marker-alt':
-    case 'map-marker-alt':
-      return <Map_marker_alt width={width} height={height} fill={fill} />;
-
+    case 'map-marker-alt': return <Map_marker_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'memory-ios':
-    case 'memory-ios':
-      return <Memory_ios width={width} height={height} fill={fill} />;
-
-    case 'memory':
-      return <Memory width={width} height={height} fill={fill} />;
-
+    case 'memory-ios': return <Memory_ios width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'memory': return <Memory width={ width } height={ height } fill={ fill } />;
+  
+    // case 'metadata-more':
+    case 'metadata-more': return <Metadata_more width={ width } height={ height } fill={ fill } />;
+  
     // case 'mic-mute':
-    case 'mic-mute':
-      return <Mic_mute width={width} height={height} fill={fill} />;
-
-    case 'mic':
-      return <Mic width={width} height={height} fill={fill} />;
-
-    case 'minus':
-      return <Minus width={width} height={height} fill={fill} />;
-
-    case 'mobile':
-      return <Mobile width={width} height={height} fill={fill} />;
-
+    case 'mic-mute': return <Mic_mute width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'mic': return <Mic width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'minus': return <Minus width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'mobile': return <Mobile width={ width } height={ height } fill={ fill } />;
+  
     // case 'mouse-alt':
-    case 'mouse-alt':
-      return <Mouse_alt width={width} height={height} fill={fill} />;
-
+    case 'mouse-alt': return <Mouse_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'mouse-pointer-click':
-    case 'mouse-pointer-click':
-      return <Mouse_pointer_click width={width} height={height} fill={fill} />;
-
-    case 'network':
-      return <Network width={width} height={height} fill={fill} />;
-
-    case 'next1':
-      return <Next1 width={width} height={height} fill={fill} />;
-
+    case 'mouse-pointer-click': return <Mouse_pointer_click width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'network': return <Network width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'next1': return <Next1 width={ width } height={ height } fill={ fill } />;
+  
     // case 'no-dashboard':
-    case 'no-dashboard':
-      return <No_dashboard width={width} height={height} fill={fill} />;
-
+    case 'no-dashboard': return <No_dashboard width={ width } height={ height } fill={ fill } />;
+  
     // case 'no-metrics-chart':
-    case 'no-metrics-chart':
-      return <No_metrics_chart width={width} height={height} fill={fill} />;
-
+    case 'no-metrics-chart': return <No_metrics_chart width={ width } height={ height } fill={ fill } />;
+  
     // case 'no-metrics':
-    case 'no-metrics':
-      return <No_metrics width={width} height={height} fill={fill} />;
-
+    case 'no-metrics': return <No_metrics width={ width } height={ height } fill={ fill } />;
+  
     // case 'no-recordings':
-    case 'no-recordings':
-      return <No_recordings width={width} height={height} fill={fill} />;
-
-    case 'orIcn':
-      return <Oricn width={width} height={height} fill={fill} />;
-
-    case 'orSpot':
-      return <Orspot width={width} height={height} fill={fill} />;
-
-    case 'orspotOutline':
-      return <Orspotoutline width={width} height={height} fill={fill} />;
-
+    case 'no-recordings': return <No_recordings width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'orIcn': return <Oricn width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'orSpot': return <Orspot width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'orspotOutline': return <Orspotoutline width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/android':
-    case 'os/android':
-      return <Os_android width={width} height={height} fill={fill} />;
-
+    case 'os/android': return <Os_android width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/chrome_os':
-    case 'os/chrome_os':
-      return <Os_chrome_os width={width} height={height} fill={fill} />;
-
+    case 'os/chrome_os': return <Os_chrome_os width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/fedora':
-    case 'os/fedora':
-      return <Os_fedora width={width} height={height} fill={fill} />;
-
+    case 'os/fedora': return <Os_fedora width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/ios':
-    case 'os/ios':
-      return <Os_ios width={width} height={height} fill={fill} />;
-
+    case 'os/ios': return <Os_ios width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/linux':
-    case 'os/linux':
-      return <Os_linux width={width} height={height} fill={fill} />;
-
+    case 'os/linux': return <Os_linux width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/mac_os_x':
-    case 'os/mac_os_x':
-      return <Os_mac_os_x width={width} height={height} fill={fill} />;
-
+    case 'os/mac_os_x': return <Os_mac_os_x width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/other':
-    case 'os/other':
-      return <Os_other width={width} height={height} fill={fill} />;
-
+    case 'os/other': return <Os_other width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/ubuntu':
-    case 'os/ubuntu':
-      return <Os_ubuntu width={width} height={height} fill={fill} />;
-
+    case 'os/ubuntu': return <Os_ubuntu width={ width } height={ height } fill={ fill } />;
+  
     // case 'os/windows':
-    case 'os/windows':
-      return <Os_windows width={width} height={height} fill={fill} />;
-
-    case 'os':
-      return <Os width={width} height={height} fill={fill} />;
-
+    case 'os/windows': return <Os_windows width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'os': return <Os width={ width } height={ height } fill={ fill } />;
+  
     // case 'pause-circle-fill':
-    case 'pause-circle-fill':
-      return <Pause_circle_fill width={width} height={height} fill={fill} />;
-
+    case 'pause-circle-fill': return <Pause_circle_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'pause-fill':
-    case 'pause-fill':
-      return <Pause_fill width={width} height={height} fill={fill} />;
-
-    case 'pause':
-      return <Pause width={width} height={height} fill={fill} />;
-
+    case 'pause-fill': return <Pause_fill width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'pause': return <Pause width={ width } height={ height } fill={ fill } />;
+  
     // case 'pdf-download':
-    case 'pdf-download':
-      return <Pdf_download width={width} height={height} fill={fill} />;
-
+    case 'pdf-download': return <Pdf_download width={ width } height={ height } fill={ fill } />;
+  
     // case 'pencil-stop':
-    case 'pencil-stop':
-      return <Pencil_stop width={width} height={height} fill={fill} />;
-
-    case 'pencil':
-      return <Pencil width={width} height={height} fill={fill} />;
-
-    case 'people':
-      return <People width={width} height={height} fill={fill} />;
-
-    case 'percent':
-      return <Percent width={width} height={height} fill={fill} />;
-
+    case 'pencil-stop': return <Pencil_stop width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'pencil': return <Pencil width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'people': return <People width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'percent': return <Percent width={ width } height={ height } fill={ fill } />;
+  
     // case 'performance-icon':
-    case 'performance-icon':
-      return <Performance_icon width={width} height={height} fill={fill} />;
-
+    case 'performance-icon': return <Performance_icon width={ width } height={ height } fill={ fill } />;
+  
     // case 'person-border':
-    case 'person-border':
-      return <Person_border width={width} height={height} fill={fill} />;
-
+    case 'person-border': return <Person_border width={ width } height={ height } fill={ fill } />;
+  
     // case 'person-fill':
-    case 'person-fill':
-      return <Person_fill width={width} height={height} fill={fill} />;
-
-    case 'person':
-      return <Person width={width} height={height} fill={fill} />;
-
+    case 'person-fill': return <Person_fill width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'person': return <Person width={ width } height={ height } fill={ fill } />;
+  
     // case 'pie-chart-fill':
-    case 'pie-chart-fill':
-      return <Pie_chart_fill width={width} height={height} fill={fill} />;
-
+    case 'pie-chart-fill': return <Pie_chart_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'pin-fill':
-    case 'pin-fill':
-      return <Pin_fill width={width} height={height} fill={fill} />;
-
+    case 'pin-fill': return <Pin_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'play-circle-bold':
-    case 'play-circle-bold':
-      return <Play_circle_bold width={width} height={height} fill={fill} />;
-
+    case 'play-circle-bold': return <Play_circle_bold width={ width } height={ height } fill={ fill } />;
+  
     // case 'play-circle-light':
-    case 'play-circle-light':
-      return <Play_circle_light width={width} height={height} fill={fill} />;
-
+    case 'play-circle-light': return <Play_circle_light width={ width } height={ height } fill={ fill } />;
+  
     // case 'play-circle':
-    case 'play-circle':
-      return <Play_circle width={width} height={height} fill={fill} />;
-
+    case 'play-circle': return <Play_circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'play-fill-new':
-    case 'play-fill-new':
-      return <Play_fill_new width={width} height={height} fill={fill} />;
-
+    case 'play-fill-new': return <Play_fill_new width={ width } height={ height } fill={ fill } />;
+  
     // case 'play-fill':
-    case 'play-fill':
-      return <Play_fill width={width} height={height} fill={fill} />;
-
+    case 'play-fill': return <Play_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'play-hover':
-    case 'play-hover':
-      return <Play_hover width={width} height={height} fill={fill} />;
-
-    case 'play':
-      return <Play width={width} height={height} fill={fill} />;
-
-    case 'plug':
-      return <Plug width={width} height={height} fill={fill} />;
-
+    case 'play-hover': return <Play_hover width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'play': return <Play width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'plug': return <Plug width={ width } height={ height } fill={ fill } />;
+  
     // case 'plus-circle':
     case 'plus-circle': return <Plus_circle width={ width } height={ height } fill={ fill } />;
   
@@ -2294,208 +1770,182 @@ const SVG = (props: Props) => {
     case 'pwright': return <Pwright width={ width } height={ height } fill={ fill } />;
   
     // case 'question-circle':
-    case 'question-circle':
-      return <Question_circle width={width} height={height} fill={fill} />;
-
+    case 'question-circle': return <Question_circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'question-lg':
-    case 'question-lg':
-      return <Question_lg width={width} height={height} fill={fill} />;
-
-    case 'quotes':
-      return <Quotes width={width} height={height} fill={fill} />;
-
+    case 'question-lg': return <Question_lg width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'quotes': return <Quotes width={ width } height={ height } fill={ fill } />;
+  
     // case 'record-circle-fill':
-    case 'record-circle-fill':
-      return <Record_circle_fill width={width} height={height} fill={fill} />;
-
+    case 'record-circle-fill': return <Record_circle_fill width={ width } height={ height } fill={ fill } />;
+  
     // case 'record-circle':
-    case 'record-circle':
-      return <Record_circle width={width} height={height} fill={fill} />;
-
-    case 'record2':
-      return <Record2 width={width} height={height} fill={fill} />;
-
-    case 'redo':
-      return <Redo width={width} height={height} fill={fill} />;
-
-    case 'redux':
-      return <Redux width={width} height={height} fill={fill} />;
-
-    case 'referrer':
-      return <Referrer width={width} height={height} fill={fill} />;
-
+    case 'record-circle': return <Record_circle width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'record2': return <Record2 width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'redo': return <Redo width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'redux': return <Redux width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'referrer': return <Referrer width={ width } height={ height } fill={ fill } />;
+  
     // case 'remote-control':
-    case 'remote-control':
-      return <Remote_control width={width} height={height} fill={fill} />;
-
+    case 'remote-control': return <Remote_control width={ width } height={ height } fill={ fill } />;
+  
     // case 'resources-icon':
-    case 'resources-icon':
-      return <Resources_icon width={width} height={height} fill={fill} />;
-
-    case 'safe':
-      return <Safe width={width} height={height} fill={fill} />;
-
-    case 'sandglass':
-      return <Sandglass width={width} height={height} fill={fill} />;
-
-    case 'search':
-      return <Search width={width} height={height} fill={fill} />;
-
-    case 'server':
-      return <Server width={width} height={height} fill={fill} />;
-
+    case 'resources-icon': return <Resources_icon width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'safe': return <Safe width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'sandglass': return <Sandglass width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'search': return <Search width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'server': return <Server width={ width } height={ height } fill={ fill } />;
+  
     // case 'share-alt':
-    case 'share-alt':
-      return <Share_alt width={width} height={height} fill={fill} />;
-
+    case 'share-alt': return <Share_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'shield-lock':
-    case 'shield-lock':
-      return <Shield_lock width={width} height={height} fill={fill} />;
-
-    case 'side_menu_closed':
-      return <Side_menu_closed width={width} height={height} fill={fill} />;
-
-    case 'side_menu_open':
-      return <Side_menu_open width={width} height={height} fill={fill} />;
-
+    case 'shield-lock': return <Shield_lock width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'side_menu_closed': return <Side_menu_closed width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'side_menu_open': return <Side_menu_open width={ width } height={ height } fill={ fill } />;
+  
     // case 'signpost-split':
-    case 'signpost-split':
-      return <Signpost_split width={width} height={height} fill={fill} />;
-
-    case 'signup':
-      return <Signup width={width} height={height} fill={fill} />;
-
-    case 'slack':
-      return <Slack width={width} height={height} fill={fill} />;
-
+    case 'signpost-split': return <Signpost_split width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'signup': return <Signup width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'slack': return <Slack width={ width } height={ height } fill={ fill } />;
+  
     // case 'slash-circle':
-    case 'slash-circle':
-      return <Slash_circle width={width} height={height} fill={fill} />;
-
-    case 'sleep':
-      return <Sleep width={width} height={height} fill={fill} />;
-
-    case 'sliders':
-      return <Sliders width={width} height={height} fill={fill} />;
-
+    case 'slash-circle': return <Slash_circle width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'sleep': return <Sleep width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'sliders': return <Sliders width={ width } height={ height } fill={ fill } />;
+  
     // case 'social/slack':
-    case 'social/slack':
-      return <Social_slack width={width} height={height} fill={fill} />;
-
+    case 'social/slack': return <Social_slack width={ width } height={ height } fill={ fill } />;
+  
     // case 'social/trello':
-    case 'social/trello':
-      return <Social_trello width={width} height={height} fill={fill} />;
-
-    case 'sparkles':
-      return <Sparkles width={width} height={height} fill={fill} />;
-
-    case 'speedometer2':
-      return <Speedometer2 width={width} height={height} fill={fill} />;
-
-    case 'spinner':
-      return <Spinner width={width} height={height} fill={fill} />;
-
+    case 'social/trello': return <Social_trello width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'sparkles': return <Sparkles width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'speedometer2': return <Speedometer2 width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'spinner': return <Spinner width={ width } height={ height } fill={ fill } />;
+  
     // case 'square-mouse-pointer':
-    case 'square-mouse-pointer':
-      return <Square_mouse_pointer width={width} height={height} fill={fill} />;
-
-    case 'star':
-      return <Star width={width} height={height} fill={fill} />;
-
+    case 'square-mouse-pointer': return <Square_mouse_pointer width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'star': return <Star width={ width } height={ height } fill={ fill } />;
+  
     // case 'step-forward':
-    case 'step-forward':
-      return <Step_forward width={width} height={height} fill={fill} />;
-
-    case 'stickies':
-      return <Stickies width={width} height={height} fill={fill} />;
-
+    case 'step-forward': return <Step_forward width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'stickies': return <Stickies width={ width } height={ height } fill={ fill } />;
+  
     // case 'stop-record-circle':
-    case 'stop-record-circle':
-      return <Stop_record_circle width={width} height={height} fill={fill} />;
-
-    case 'stopwatch':
-      return <Stopwatch width={width} height={height} fill={fill} />;
-
-    case 'store':
-      return <Store width={width} height={height} fill={fill} />;
-
+    case 'stop-record-circle': return <Stop_record_circle width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'stopwatch': return <Stopwatch width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'store': return <Store width={ width } height={ height } fill={ fill } />;
+  
     // case 'sync-alt':
-    case 'sync-alt':
-      return <Sync_alt width={width} height={height} fill={fill} />;
-
-    case 'table':
-      return <Table width={width} height={height} fill={fill} />;
-
-    case 'tags':
-      return <Tags width={width} height={height} fill={fill} />;
-
-    case 'terminal':
-      return <Terminal width={width} height={height} fill={fill} />;
-
+    case 'sync-alt': return <Sync_alt width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'table': return <Table width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'tags': return <Tags width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'terminal': return <Terminal width={ width } height={ height } fill={ fill } />;
+  
     // case 'thermometer-sun':
-    case 'thermometer-sun':
-      return <Thermometer_sun width={width} height={height} fill={fill} />;
-
-    case 'toggles':
-      return <Toggles width={width} height={height} fill={fill} />;
-
-    case 'tools':
-      return <Tools width={width} height={height} fill={fill} />;
-
-    case 'trash':
-      return <Trash width={width} height={height} fill={fill} />;
-
-    case 'turtle':
-      return <Turtle width={width} height={height} fill={fill} />;
-
+    case 'thermometer-sun': return <Thermometer_sun width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'toggles': return <Toggles width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'tools': return <Tools width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'trash': return <Trash width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'turtle': return <Turtle width={ width } height={ height } fill={ fill } />;
+  
     // case 'user-alt':
-    case 'user-alt':
-      return <User_alt width={width} height={height} fill={fill} />;
-
+    case 'user-alt': return <User_alt width={ width } height={ height } fill={ fill } />;
+  
     // case 'user-circle':
-    case 'user-circle':
-      return <User_circle width={width} height={height} fill={fill} />;
-
+    case 'user-circle': return <User_circle width={ width } height={ height } fill={ fill } />;
+  
     // case 'user-friends':
-    case 'user-friends':
-      return <User_friends width={width} height={height} fill={fill} />;
-
+    case 'user-friends': return <User_friends width={ width } height={ height } fill={ fill } />;
+  
     // case 'user-journey':
-    case 'user-journey':
-      return <User_journey width={width} height={height} fill={fill} />;
-
+    case 'user-journey': return <User_journey width={ width } height={ height } fill={ fill } />;
+  
     // case 'user-switch':
-    case 'user-switch':
-      return <User_switch width={width} height={height} fill={fill} />;
-
-    case 'users':
-      return <Users width={width} height={height} fill={fill} />;
-
+    case 'user-switch': return <User_switch width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'users': return <Users width={ width } height={ height } fill={ fill } />;
+  
     // case 'vendors/graphql':
-    case 'vendors/graphql':
-      return <Vendors_graphql width={width} height={height} fill={fill} />;
-
+    case 'vendors/graphql': return <Vendors_graphql width={ width } height={ height } fill={ fill } />;
+  
     // case 'web-vitals':
-    case 'web-vitals':
-      return <Web_vitals width={width} height={height} fill={fill} />;
-
-    case 'wifi':
-      return <Wifi width={width} height={height} fill={fill} />;
-
+    case 'web-vitals': return <Web_vitals width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'wifi': return <Wifi width={ width } height={ height } fill={ fill } />;
+  
     // case 'window-x':
-    case 'window-x':
-      return <Window_x width={width} height={height} fill={fill} />;
-
-    case 'window':
-      return <Window width={width} height={height} fill={fill} />;
-
+    case 'window-x': return <Window_x width={ width } height={ height } fill={ fill } />;
+  
+    
+    case 'window': return <Window width={ width } height={ height } fill={ fill } />;
+  
     // case 'zoom-in':
-    case 'zoom-in':
-      return <Zoom_in width={width} height={height} fill={fill} />;
-
-    default:
-      console.trace('Unknown icon name ' + name);
-  }
-};
+    case 'zoom-in': return <Zoom_in width={ width } height={ height } fill={ fill } />;
+  
+default:
+        console.trace('Unknown icon name ' + name);
+    }
+}
 SVG.displayName = 'SVG';
 export default SVG;
diff --git a/frontend/app/locales/en.json b/frontend/app/locales/en.json
index dd96b3e81..c24fbbb8d 100644
--- a/frontend/app/locales/en.json
+++ b/frontend/app/locales/en.json
@@ -1494,5 +1494,7 @@
   "Search projects": "Search projects",
   "Crashes": "Crashes",
   "Bad Requests": "Bad Requests",
-  "Tap Rage": "Tap Rage"
+  "Tap Rage": "Tap Rage",
+  "More attribute": "More attribute",
+  "More attributes": "More attributes"
 }
diff --git a/frontend/app/locales/es.json b/frontend/app/locales/es.json
index b373d8ba2..b6fd4d047 100644
--- a/frontend/app/locales/es.json
+++ b/frontend/app/locales/es.json
@@ -1494,5 +1494,7 @@
   "Search projects": "Buscar proyectos",
   "Crashes": "Fallos",
   "Bad Requests": "Solicitudes incorrectas",
-  "Tap Rage": "Ira al tocar"
+  "Tap Rage": "Ira al tocar",
+  "More attribute": "Más atributos",
+  "More attributes": "Más atributos"
 }
diff --git a/frontend/app/locales/fr.json b/frontend/app/locales/fr.json
index c03b05cdd..a1928a8de 100644
--- a/frontend/app/locales/fr.json
+++ b/frontend/app/locales/fr.json
@@ -1494,5 +1494,7 @@
   "Search projects": "Rechercher des projets",
   "Crashes": "Plantages",
   "Bad Requests": "Mauvaises requêtes",
-  "Tap Rage": "Rage au tap"
+  "Tap Rage": "Rage au tap",
+  "More attribute": "Plus d'attributs",
+  "More attributes": "Plus d'attributs"
 }
diff --git a/frontend/app/locales/ru.json b/frontend/app/locales/ru.json
index d8160a8c0..2d99a4236 100644
--- a/frontend/app/locales/ru.json
+++ b/frontend/app/locales/ru.json
@@ -1494,5 +1494,7 @@
   "Search projects": "Поиск проектов",
   "Crashes": "Падения",
   "Bad Requests": "Неудачные запросы",
-  "Tap Rage": "Невыносимые тапы"
+  "Tap Rage": "Невыносимые тапы",
+  "More attribute": "Еще атрибут",
+  "More attributes": "Еще атрибуты"
 } 
diff --git a/frontend/app/locales/zh.json b/frontend/app/locales/zh.json
index 40915db88..0593d805d 100644
--- a/frontend/app/locales/zh.json
+++ b/frontend/app/locales/zh.json
@@ -1494,5 +1494,7 @@
   "Search projects": "搜索项目",
   "Crashes": "崩溃",
   "Bad Requests": "错误请求",
-  "Tap Rage": "点击狂怒"
+  "Tap Rage": "点击狂怒",
+  "More attributes": "更多属性",
+  "More attribute": "更多属性"
 }
diff --git a/frontend/app/svg/icons/metadata-more.svg b/frontend/app/svg/icons/metadata-more.svg
new file mode 100644
index 000000000..7b285596d
--- /dev/null
+++ b/frontend/app/svg/icons/metadata-more.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M376.77-220.08q-14.22 0-26.74-6.15-12.53-6.15-21.88-17.77L175.39-443.35q-12.04-17.46-12.04-36.25 0-18.78 12.04-36.44l152.76-199.65q9.35-11.62 21.88-17.77 12.52-6.15 26.74-6.15h398.88q24.86 0 42.57 17.71 17.7 17.72 17.7 42.6v399.24q0 24.87-17.7 42.43-17.71 17.55-42.57 17.55H376.77Zm0-47.96h398.88q5.39 0 8.85-3.46t3.46-8.85v-399q0-5.19-3.46-8.75-3.46-3.55-8.85-3.55H376.66q-3.08 0-5.68 1.15-2.59 1.15-4.32 3.46L214-487.39q-2.69 3.66-2.69 7.79 0 4.14 2.69 7.6l152.77 199.35q1.73 2.3 4.33 3.46 2.59 1.15 5.67 1.15Zm63.49-181.38q12.51 0 21.7-8.84 9.19-8.83 9.19-21.48 0-12.64-8.91-21.74-8.91-9.1-21.48-9.1t-21.66 8.84q-9.1 8.83-9.1 21.48 0 12.64 8.87 21.74 8.87 9.1 21.39 9.1Zm120.8 0q12.52 0 21.71-8.84 9.19-8.83 9.19-21.48 0-12.64-8.91-21.74-8.91-9.1-21.48-9.1t-21.67 8.84q-9.09 8.83-9.09 21.48 0 12.64 8.87 21.74 8.87 9.1 21.38 9.1Zm120.81 0q12.51 0 21.71-8.84 9.19-8.83 9.19-21.48 0-12.64-8.91-21.74-8.91-9.1-21.48-9.1t-21.67 8.84q-9.09 8.83-9.09 21.48 0 12.64 8.87 21.74 8.87 9.1 21.38 9.1ZM499.54-480Z"/></svg>
\ No newline at end of file
diff --git a/frontend/scripts/icons.js b/frontend/scripts/icons.js
index c47845761..b1ffd03c1 100644
--- a/frontend/scripts/icons.js
+++ b/frontend/scripts/icons.js
@@ -92,15 +92,14 @@ icons.forEach((icon) => {
     : optimize(svg, plugins(canOptimize));
   fs.writeFileSync(
     path,
-    `
-/* Auto-generated, do not edit */
+    `/* Auto-generated, do not edit */
 import React from 'react';
 
 interface Props {
-    size?: number | string;
-    width?: number | string;
-    height?: number | string;
-    fill?: string;
+  size?: number | string;
+  width?: number | string;
+  height?: number | string;
+  fill?: string;
 }
 
 function ${titleCase(fileName)}(props: Props) {
diff --git a/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql b/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql
index a08ba5048..1ca6750d5 100644
--- a/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql
+++ b/scripts/schema/db/init_dbs/postgresql/1.22.0/1.22.0.sql
@@ -41,6 +41,10 @@ WHERE metric_of IN ('domainsErrors4xx', 'domainsErrors5xx', 'countSessions',
                     'speedLocation', 'avgVisitedPages')
    OR metric_type IN ('webVitals', 'errors', 'performance', 'resources');
 
+UPDATE public.metrics
+SET view_type='chart'
+WHERE metric_type = 'funnel';
+
 COMMIT;
 
 \elif :is_next