diff --git a/web/src/components/icons/nucleo_icon_outlined/I12px_house.tsx b/web/src/components/icons/nucleo_icon_outlined/I12px_house.tsx
index 7daac2578..2672f43ae 100644
--- a/web/src/components/icons/nucleo_icon_outlined/I12px_house.tsx
+++ b/web/src/components/icons/nucleo_icon_outlined/I12px_house.tsx
@@ -1,24 +1,29 @@
 import React from 'react';
 import { iconProps } from './iconProps';
 
+function I12px_house(props: iconProps) {
+  const fill = props.fill || 'currentColor';
+  const secondaryfill = props.secondaryfill || fill;
+  const strokewidth = props.strokewidth || 1;
+  const width = props.width || '1em';
+  const height = props.height || '1em';
+  const title = props.title || '12px house';
 
+  return (
+    <svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+      <title>{title}</title>
+      <g fill={fill}>
+        <path
+          d="m1.685,3.5L5.435.934c.34-.233.789-.233,1.129,0l3.75,2.566c.272.186.435.495.435.825v4.425c0,1.105-.895,2-2,2H3.25c-1.105,0-2-.895-2-2v-4.425c0-.33.163-.639.435-.825Z"
+          fill="none"
+          stroke={fill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+      </g>
+    </svg>
+  );
+}
 
-function house(props: iconProps) {
-	const fill = props.fill || 'currentColor';
-	const secondaryfill = props.secondaryfill || fill;
-	const strokewidth = props.strokewidth || 1;
-	const width = props.width || '1em';
-	const height = props.height || '1em';
-	const title = props.title || "12px house";
-
-	return (
-		<svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-	<title>{title}</title>
-	<g fill={fill}>
-		<path d="m1.685,3.5L5.435.934c.34-.233.789-.233,1.129,0l3.75,2.566c.272.186.435.495.435.825v4.425c0,1.105-.895,2-2,2H3.25c-1.105,0-2-.895-2-2v-4.425c0-.33.163-.639.435-.825Z" fill="none" stroke={fill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-	</g>
-</svg>
-	);
-};
-
-export default house;
\ No newline at end of file
+export default I12px_house;
diff --git a/web/src/components/icons/nucleo_icon_outlined/I12px_image-mountain-2.tsx b/web/src/components/icons/nucleo_icon_outlined/I12px_image-mountain-2.tsx
index 4f380f002..04998df8b 100644
--- a/web/src/components/icons/nucleo_icon_outlined/I12px_image-mountain-2.tsx
+++ b/web/src/components/icons/nucleo_icon_outlined/I12px_image-mountain-2.tsx
@@ -1,25 +1,37 @@
 import React from 'react';
 import { iconProps } from './iconProps';
 
+function I12px_imageMountain2(props: iconProps) {
+  const fill = props.fill || 'currentColor';
+  const secondaryfill = props.secondaryfill || fill;
+  const strokewidth = props.strokewidth || 1;
+  const width = props.width || '1em';
+  const height = props.height || '1em';
+  const title = props.title || '12px image mountain 2';
 
+  return (
+    <svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+      <title>{title}</title>
+      <g fill={fill}>
+        <path
+          d="m2.75,3.75c.552,0,1-.448,1-1s-.448-1-1-1-1,.448-1,1,.448,1,1,1Z"
+          fill={secondaryfill}
+          stroke={secondaryfill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="m7.774,4.402L1.919,9.037c-.505.4-.222,1.213.422,1.213h7.317c.46,0,.787-.447.649-.885l-1.463-4.634c-.143-.454-.697-.624-1.07-.328h0Z"
+          fill="none"
+          stroke={fill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+      </g>
+    </svg>
+  );
+}
 
-function imageMountain2(props: iconProps) {
-	const fill = props.fill || 'currentColor';
-	const secondaryfill = props.secondaryfill || fill;
-	const strokewidth = props.strokewidth || 1;
-	const width = props.width || '1em';
-	const height = props.height || '1em';
-	const title = props.title || "12px image mountain 2";
-
-	return (
-		<svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-	<title>{title}</title>
-	<g fill={fill}>
-		<path d="m2.75,3.75c.552,0,1-.448,1-1s-.448-1-1-1-1,.448-1,1,.448,1,1,1Z" fill={secondaryfill} stroke={secondaryfill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-		<path d="m7.774,4.402L1.919,9.037c-.505.4-.222,1.213.422,1.213h7.317c.46,0,.787-.447.649-.885l-1.463-4.634c-.143-.454-.697-.624-1.07-.328h0Z" fill="none" stroke={fill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-	</g>
-</svg>
-	);
-};
-
-export default imageMountain2;
\ No newline at end of file
+export default I12px_imageMountain2;
diff --git a/web/src/components/icons/nucleo_icon_outlined/I12px_image.tsx b/web/src/components/icons/nucleo_icon_outlined/I12px_image.tsx
index 05bb15981..ce0037347 100644
--- a/web/src/components/icons/nucleo_icon_outlined/I12px_image.tsx
+++ b/web/src/components/icons/nucleo_icon_outlined/I12px_image.tsx
@@ -1,26 +1,43 @@
 import React from 'react';
 import { iconProps } from './iconProps';
 
+function I12px_image(props: iconProps) {
+  const fill = props.fill || 'currentColor';
+  const secondaryfill = props.secondaryfill || fill;
+  const strokewidth = props.strokewidth || 1;
+  const width = props.width || '1em';
+  const height = props.height || '1em';
+  const title = props.title || '12px image';
 
+  return (
+    <svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+      <title>{title}</title>
+      <g fill={fill}>
+        <path
+          d="m2.32,10.516l4.723-4.723c.391-.391,1.024-.391,1.414,0l2.293,2.293"
+          fill="none"
+          stroke={secondaryfill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+        <circle cx="4" cy="4" fill={secondaryfill} r="1" strokeWidth="0" />
+        <rect
+          height="9.5"
+          width="9.5"
+          fill="none"
+          rx="2"
+          ry="2"
+          stroke={fill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+          x="1.25"
+          y="1.25"
+        />
+      </g>
+    </svg>
+  );
+}
 
-function image(props: iconProps) {
-	const fill = props.fill || 'currentColor';
-	const secondaryfill = props.secondaryfill || fill;
-	const strokewidth = props.strokewidth || 1;
-	const width = props.width || '1em';
-	const height = props.height || '1em';
-	const title = props.title || "12px image";
-
-	return (
-		<svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-	<title>{title}</title>
-	<g fill={fill}>
-		<path d="m2.32,10.516l4.723-4.723c.391-.391,1.024-.391,1.414,0l2.293,2.293" fill="none" stroke={secondaryfill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-		<circle cx="4" cy="4" fill={secondaryfill} r="1" strokeWidth="0"/>
-		<rect height="9.5" width="9.5" fill="none" rx="2" ry="2" stroke={fill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth} x="1.25" y="1.25"/>
-	</g>
-</svg>
-	);
-};
-
-export default image;
\ No newline at end of file
+export default I12px_image;
diff --git a/web/src/components/icons/nucleo_icon_outlined/I12px_import.tsx b/web/src/components/icons/nucleo_icon_outlined/I12px_import.tsx
index dd7d04ed7..711d7413e 100644
--- a/web/src/components/icons/nucleo_icon_outlined/I12px_import.tsx
+++ b/web/src/components/icons/nucleo_icon_outlined/I12px_import.tsx
@@ -1,26 +1,45 @@
 import { iconProps } from './iconProps';
 import React from 'react';
 
+function I12px_import(props: iconProps) {
+  const fill = props.fill || 'currentColor';
+  const secondaryfill = props.secondaryfill || fill;
+  const strokewidth = props.strokewidth || 1;
+  const width = props.width || '1em';
+  const height = props.height || '1em';
+  const title = props.title || '12px import';
 
+  return (
+    <svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+      <title>{title}</title>
+      <g fill={fill}>
+        <path
+          d="M6 8.5L6 0.75"
+          fill="none"
+          stroke={secondaryfill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="M3.75 6.5L6 8.75 8.25 6.5"
+          fill="none"
+          stroke={secondaryfill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+        <path
+          d="m3.5,3.75h-.25c-1.105,0-2,.895-2,2v3.5c0,1.105.895,2,2,2h5.5c1.105,0,2-.895,2-2v-3.5c0-1.105-.895-2-2-2h-.25"
+          fill="none"
+          stroke={fill}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={strokewidth}
+        />
+      </g>
+    </svg>
+  );
+}
 
-function import(props: iconProps) {
-	const fill = props.fill || 'currentColor';
-	const secondaryfill = props.secondaryfill || fill;
-	const strokewidth = props.strokewidth || 1;
-	const width = props.width || '1em';
-	const height = props.height || '1em';
-	const title = props.title || "12px import";
-
-	return (
-		<svg height={height} width={width} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-	<title>{title}</title>
-	<g fill={fill}>
-		<path d="M6 8.5L6 0.75" fill="none" stroke={secondaryfill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-		<path d="M3.75 6.5L6 8.75 8.25 6.5" fill="none" stroke={secondaryfill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-		<path d="m3.5,3.75h-.25c-1.105,0-2,.895-2,2v3.5c0,1.105.895,2,2,2h5.5c1.105,0,2-.895,2-2v-3.5c0-1.105-.895-2-2-2h-.25" fill="none" stroke={fill} strokeLinecap="round" strokeLinejoin="round" strokeWidth={strokewidth}/>
-	</g>
-</svg>
-	);
-};
-
-export default import;
\ No newline at end of file
+export default I12px_import;
diff --git a/web/src/components/icons/nucleo_icon_outlined/iconProps.ts b/web/src/components/icons/nucleo_icon_outlined/iconProps.ts
new file mode 100644
index 000000000..d724e3910
--- /dev/null
+++ b/web/src/components/icons/nucleo_icon_outlined/iconProps.ts
@@ -0,0 +1,8 @@
+export type iconProps = {
+  fill?: string;
+  secondaryfill?: string;
+  strokewidth?: number;
+  width?: string;
+  height?: string;
+  title?: string;
+};
diff --git a/web/src/components/icons/nucleo_icon_outlined/iconProps.tsx b/web/src/components/icons/nucleo_icon_outlined/iconProps.tsx
new file mode 100644
index 000000000..d724e3910
--- /dev/null
+++ b/web/src/components/icons/nucleo_icon_outlined/iconProps.tsx
@@ -0,0 +1,8 @@
+export type iconProps = {
+  fill?: string;
+  secondaryfill?: string;
+  strokewidth?: number;
+  width?: string;
+  height?: string;
+  title?: string;
+};