diff --git a/src/components/fundamentals/icons/bell-icon.tsx b/src/components/fundamentals/icons/bell-icon.tsx
index 3469267367..b705287325 100644
--- a/src/components/fundamentals/icons/bell-icon.tsx
+++ b/src/components/fundamentals/icons/bell-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const BellIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/bell-noti-icon.tsx b/src/components/fundamentals/icons/bell-noti-icon.tsx
index 6f6c422274..aad3d2d95c 100644
--- a/src/components/fundamentals/icons/bell-noti-icon.tsx
+++ b/src/components/fundamentals/icons/bell-noti-icon.tsx
@@ -9,7 +9,7 @@ const BellNotiIcon: React.FC<IBellNotiIconProps> = ({
   size = "24px",
   color = "currentColor",
   accentColor = "#F43F5E",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/chevron-right.tsx b/src/components/fundamentals/icons/chevron-right.tsx
index 20a84a2e13..e720da0b2c 100644
--- a/src/components/fundamentals/icons/chevron-right.tsx
+++ b/src/components/fundamentals/icons/chevron-right.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const ChevronRightIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/coins-icon.tsx b/src/components/fundamentals/icons/coins-icon.tsx
index d7000e16e9..1b2d3b1ee2 100644
--- a/src/components/fundamentals/icons/coins-icon.tsx
+++ b/src/components/fundamentals/icons/coins-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const CoinsIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/crosshair-icon.tsx b/src/components/fundamentals/icons/crosshair-icon.tsx
index ca6a8927a3..144db97314 100644
--- a/src/components/fundamentals/icons/crosshair-icon.tsx
+++ b/src/components/fundamentals/icons/crosshair-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const CrosshairIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/dollar-sign-icon.tsx b/src/components/fundamentals/icons/dollar-sign-icon.tsx
index a044504f7f..a4db567601 100644
--- a/src/components/fundamentals/icons/dollar-sign-icon.tsx
+++ b/src/components/fundamentals/icons/dollar-sign-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const DollarSignIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/happy-icon.tsx b/src/components/fundamentals/icons/happy-icon.tsx
index 0829c0e54e..6d914b6b20 100644
--- a/src/components/fundamentals/icons/happy-icon.tsx
+++ b/src/components/fundamentals/icons/happy-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const HappyIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/mail-icon.tsx b/src/components/fundamentals/icons/mail-icon.tsx
index 4ca82e055c..3f36e72e2f 100644
--- a/src/components/fundamentals/icons/mail-icon.tsx
+++ b/src/components/fundamentals/icons/mail-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const MailIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/map-pin-icon.tsx b/src/components/fundamentals/icons/map-pin-icon.tsx
index 2e16c97861..c14a377c27 100644
--- a/src/components/fundamentals/icons/map-pin-icon.tsx
+++ b/src/components/fundamentals/icons/map-pin-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const MapPinIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/search-icon.tsx b/src/components/fundamentals/icons/search-icon.tsx
index 1ad0e53c47..ef56afa832 100644
--- a/src/components/fundamentals/icons/search-icon.tsx
+++ b/src/components/fundamentals/icons/search-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const SearchIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/truck-icon.tsx b/src/components/fundamentals/icons/truck-icon.tsx
index f6540964eb..45569626da 100644
--- a/src/components/fundamentals/icons/truck-icon.tsx
+++ b/src/components/fundamentals/icons/truck-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const TruckIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg
diff --git a/src/components/fundamentals/icons/types/icon-type.ts b/src/components/fundamentals/icons/types/icon-type.ts
index 1b03923aeb..9d027ce09c 100644
--- a/src/components/fundamentals/icons/types/icon-type.ts
+++ b/src/components/fundamentals/icons/types/icon-type.ts
@@ -1,7 +1,6 @@
 type IconProps = {
   color?: string
   size?: string | number
-  attributes?: React.SVGAttributes<SVGElement>
-}
+} & React.SVGAttributes<SVGElement>
 
 export default IconProps
diff --git a/src/components/fundamentals/icons/users-icon.tsx b/src/components/fundamentals/icons/users-icon.tsx
index 29c3b3fb37..7261b3252b 100644
--- a/src/components/fundamentals/icons/users-icon.tsx
+++ b/src/components/fundamentals/icons/users-icon.tsx
@@ -4,7 +4,7 @@ import IconProps from "./types/icon-type"
 const UsersIcon: React.FC<IconProps> = ({
   size = "24px",
   color = "currentColor",
-  attributes,
+  ...attributes
 }) => {
   return (
     <svg