diff --git a/packages/theme/src/svgs/error.svg b/packages/theme/src/svgs/error.svg
index 3b2766fa7c..f1000f113b 100644
--- a/packages/theme/src/svgs/error.svg
+++ b/packages/theme/src/svgs/error.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #f23030;
+        fill: var(--tv-color-error-icon);
       }
 
       .cls-1, .cls-2 {
diff --git a/packages/theme/src/svgs/help.svg b/packages/theme/src/svgs/help.svg
index 472fe1bb62..770f1ef014 100644
--- a/packages/theme/src/svgs/help.svg
+++ b/packages/theme/src/svgs/help.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #1476ff;
+        fill: var(--tv-color-icon-control-active);
       }
 
       .cls-1, .cls-2 {
diff --git a/packages/theme/src/svgs/success.svg b/packages/theme/src/svgs/success.svg
index 90e6c04ebb..0bc35859cb 100644
--- a/packages/theme/src/svgs/success.svg
+++ b/packages/theme/src/svgs/success.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #5cb300;
+        fill: var(--tv-color-success-icon);
       }
 
       .cls-1, .cls-2 {
diff --git a/packages/theme/src/svgs/warning-triangle.svg b/packages/theme/src/svgs/warning-triangle.svg
index 3957688921..be48fe1029 100644
--- a/packages/theme/src/svgs/warning-triangle.svg
+++ b/packages/theme/src/svgs/warning-triangle.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #f80;
+        fill: var(--tv-color-warn-icon);
       }
 
       .cls-1, .cls-2 {
diff --git a/packages/theme/src/svgs/warning.svg b/packages/theme/src/svgs/warning.svg
index 3957688921..be48fe1029 100644
--- a/packages/theme/src/svgs/warning.svg
+++ b/packages/theme/src/svgs/warning.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #f80;
+        fill: var(--tv-color-warn-icon);
       }
 
       .cls-1, .cls-2 {