diff --git a/src/shared/components/icon/icon.module.css b/src/shared/components/icon/icon.module.css
index be5122e9b..6a264cceb 100644
--- a/src/shared/components/icon/icon.module.css
+++ b/src/shared/components/icon/icon.module.css
@@ -62,6 +62,10 @@
     color: var(--theme-colors-state-warn);
 }
 
+.color-favorite {
+    color: rgb(255 49 49);
+}
+
 .fill {
     fill: transparent;
 }
@@ -102,6 +106,10 @@
     fill: var(--theme-colors-state-warn);
 }
 
+.fill-favorite {
+    fill: rgb(255 49 49);
+}
+
 .spin {
     animation: spin 1s linear infinite;
 }
diff --git a/src/shared/components/icon/icon.tsx b/src/shared/components/icon/icon.tsx
index 7d4036388..6a112c4af 100644
--- a/src/shared/components/icon/icon.tsx
+++ b/src/shared/components/icon/icon.tsx
@@ -247,6 +247,7 @@ type IconColor =
     | 'contrast'
     | 'default'
     | 'error'
+    | 'favorite'
     | 'info'
     | 'inherit'
     | 'muted'