diff --git a/package.json b/package.json
index 78264265..7dc8fe49 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "4.7.6",
+  "version": "4.7.7",
   "description": "netdata UI kit",
   "main": "dist/index.js",
   "module": "dist/es6/index.js",
diff --git a/src/components/icon/assets/heart.svg b/src/components/icon/assets/heart.svg
new file mode 100644
index 00000000..d60e9681
--- /dev/null
+++ b/src/components/icon/assets/heart.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="11" viewBox="0 0 12 11" xmlns="http://www.w3.org/2000/svg">
+  <path
+     d="M10.5065 1.27526C10.2117 0.97686 9.86053 0.739947 9.47346 0.578252C9.08639 0.416558 8.67107 0.333298 8.25158 0.333298C7.83209 0.333298 7.41677 0.416558 7.0297 0.578252C6.64262 0.739947 6.29149 0.97686 5.99666 1.27526C5.70182 0.97686 5.35069 0.739947 4.96361 0.578252C4.57654 0.416558 4.16122 0.333298 3.74173 0.333298C3.32224 0.333298 2.90692 0.416558 2.51985 0.578252C2.13278 0.739947 1.78165 0.97686 1.48681 1.27526C0.890071 1.88061 0.555542 2.6965 0.555542 3.54652C0.555542 4.39655 0.890071 5.21243 1.48681 5.81779L5.60994 9.96816C5.66058 10.0192 5.72082 10.0597 5.78719 10.0874C5.85356 10.115 5.92475 10.1293 5.99666 10.1293C6.06856 10.1293 6.13975 10.115 6.20612 10.0874C6.27249 10.0597 6.33274 10.0192 6.38337 9.96816L10.5065 5.81779C11.1072 5.21451 11.4444 4.39785 11.4444 3.54652C11.4444 2.6952 11.1072 1.87853 10.5065 1.27526Z" />
+</svg>
+  
\ No newline at end of file
diff --git a/src/components/icon/assets/heart_broken.svg b/src/components/icon/assets/heart_broken.svg
new file mode 100644
index 00000000..38dcac56
--- /dev/null
+++ b/src/components/icon/assets/heart_broken.svg
@@ -0,0 +1,5 @@
+<svg width="14" height="12" viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M5.59243 0.861912C5.21528 0.732807 4.81886 0.666656 4.41913 0.666656C3.93971 0.666656 3.46507 0.761811 3.0227 0.946605C2.58032 1.1314 2.17903 1.40216 1.84207 1.74318C1.16009 2.43502 0.777771 3.36745 0.777771 4.33891C0.777771 5.31038 1.16009 6.24281 1.84207 6.93464L6.15522 11.2763L7.43877 8.38831L5.58077 6.53032L5.10611 6.05565L5.52545 5.53147L7.00346 3.68397L5.59243 0.861912ZM7.76395 11.35L12.1503 6.93464C12.8368 6.24519 13.2222 5.31186 13.2222 4.33891C13.2222 3.36597 12.8368 2.43264 12.1503 1.74318C11.8133 1.40216 11.412 1.1314 10.9697 0.946605C10.5273 0.761811 10.0527 0.666656 9.57324 0.666656C9.09383 0.666656 8.61918 0.761811 8.17681 0.946605C7.9374 1.04661 7.71002 1.1718 7.49836 1.31968L8.5597 3.44236L8.77431 3.87157L8.47453 4.24629L7.1161 5.94433L8.86366 7.69188L9.22789 8.05611L9.01869 8.52682L7.76395 11.35Z" />
+</svg>
+  
\ No newline at end of file
diff --git a/src/components/icon/iconsList.js b/src/components/icon/iconsList.js
index 1b409f5e..16326fe5 100644
--- a/src/components/icon/iconsList.js
+++ b/src/components/icon/iconsList.js
@@ -117,6 +117,8 @@ import group_by from "./assets/group_by.svg"
 import h1 from "./assets/h1.svg"
 import h2 from "./assets/h2.svg"
 import hamburger from "./assets/hamburger.svg"
+import heart from "./assets/heart.svg"
+import heart_broken from "./assets/heart_broken.svg"
 import help from "./assets/help.svg"
 import hide from "./assets/hide.svg"
 import highlightArea from "./assets/highlight_area.svg"
@@ -516,6 +518,8 @@ export const iconsList = {
   h1,
   h2,
   hamburger,
+  heart,
+  heart_broken,
   help,
   hide,
   highlightArea,