diff --git a/packages/components/icon/src/svg/stats-color-m.svg b/packages/components/icon/src/svg/stats-color-m.svg
new file mode 100644
index 000000000..512f58a65
--- /dev/null
+++ b/packages/components/icon/src/svg/stats-color-m.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>01 App menu / 03 Elements / 02 Icons / 13 Stats / 01 Active</title> <g id="01-App-menu-/-03-Elements-/-02-Icons-/-13-Stats-/-01-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-7" transform="translate(3.000000, 3.000000)"> <path d="M9,0 C13.971,0 18,4.029 18,9 C18,13.971 13.971,18 9,18 C4.029,18 0,13.971 0,9 C0,4.029 4.029,0 9,0" id="Fill-1" fill="#8BCAFF"></path> <path d="M9,0 L9,9 L18,9 C18,4.029 13.971,0 9,0" id="Fill-3" fill="#0B68FF"></path> </g> </g></svg>
\ No newline at end of file
diff --git a/packages/components/icon/src/svg/stats-gray-m.svg b/packages/components/icon/src/svg/stats-gray-m.svg
new file mode 100644
index 000000000..405bc8d44
--- /dev/null
+++ b/packages/components/icon/src/svg/stats-gray-m.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>01 App menu / 03 Elements / 02 Icons / 13 Stats / 02 Inactive</title> <defs> <path d="M0,9 C0,13.971 4.029,18 9,18 L9,18 C13.971,18 18,13.971 18,9 L18,9 C18,4.029 13.971,0 9,0 L9,0 C4.029,0 0,4.029 0,9 L0,9 Z M1.5,9 C1.5,4.858 4.858,1.5 9,1.5 L9,1.5 C13.142,1.5 16.5,4.858 16.5,9 L16.5,9 C16.5,13.142 13.142,16.5 9,16.5 L9,16.5 C4.858,16.5 1.5,13.142 1.5,9 L1.5,9 Z" id="path-1"></path> </defs> <g id="01-App-menu-/-03-Elements-/-02-Icons-/-13-Stats-/-02-Inactive" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect id="canvas" x="-4.9999926e-08" y="-5.00000112e-08" width="24.0000001" height="24.0000001"></rect> <g id="Group-9" transform="translate(3.000000, 3.000000)"> <g id="Group-3"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <polygon id="Fill-1" fill="#6A7580" mask="url(#mask-2)" points="-1 -1 19 -1 19 19 -1 19"></polygon> </g> <g id="Group-8" transform="translate(9.000000, 0.856500)" stroke="#6A7580" stroke-linejoin="round" stroke-width="1.5"> <polyline id="Stroke-4" points="0 0 0 8.144 8.088 8.144"></polyline> </g> </g> </g></svg>
\ No newline at end of file
diff --git a/packages/components/icon/src/svg/users-color-m.svg b/packages/components/icon/src/svg/users-color-m.svg
new file mode 100644
index 000000000..d5914d750
--- /dev/null
+++ b/packages/components/icon/src/svg/users-color-m.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>01 App menu / 03 Elements / 02 Icons / 12 Users / 01 Active</title> <defs> <polygon id="path-1" points="1.77635684e-15 -1.77635684e-15 10.2347 -1.77635684e-15 10.2347 7.052 1.77635684e-15 7.052"></polygon> <polygon id="path-3" points="0 0 7.10500755 0 7.10500755 7.1043 0 7.1043"></polygon> </defs> <g id="01-App-menu-/-03-Elements-/-02-Icons-/-12-Users-/-01-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-11" transform="translate(3.000000, 4.000000)"> <g id="Group-3" transform="translate(7.685200, 9.039700)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <path d="M4.161,-1.77635684e-15 L6.074,-1.77635684e-15 C8.372,-1.77635684e-15 10.235,1.863 10.235,4.161 L10.235,5.552 C10.235,6.381 9.564,7.052 8.735,7.052 L1.5,7.052 C0.671,7.052 1.77635684e-15,6.381 1.77635684e-15,5.552 L1.77635684e-15,4.161 C1.77635684e-15,1.863 1.863,-1.77635684e-15 4.161,-1.77635684e-15" id="Fill-1" fill="#13C2BC" mask="url(#mask-2)"></path> </g> <path d="M12.8895,7.1043 C14.5385,7.1003 15.8725,5.7613 15.8695051,4.1123 C15.8675,2.4633 14.5285,1.1283 12.8795,1.12929944 C11.2305,1.1303 9.8945,2.4673 9.8945,4.1163 C9.8985,5.7673 11.2385,7.1043 12.8895,7.1043" id="Fill-4" fill="#13C2BC"></path> <g id="Group-8" transform="translate(1.564800, 0.000000)"> <mask id="mask-4" fill="white"> <use xlink:href="#path-3"></use> </mask> <g id="Clip-7"></g> <path d="M3.562,7.1043 C5.523,7.0993 7.109,5.5063 7.10500755,3.5463 C7.102,1.5853 5.51,-0.0017 3.55,-0.00070047233 C1.589,0.0013 0,1.5913 0,3.5523 C0.006,5.5153 1.599,7.1043 3.562,7.1043" id="Fill-6" fill="#6CDFD4" mask="url(#mask-4)"></path> </g> <path d="M4.161,8.435 L6.074,8.435 C8.372,8.435 10.235,10.298 10.235,12.596 L10.235,14.565 C10.235,15.393 9.564,16.065 8.735,16.065 L1.5,16.065 C0.671,16.065 0,15.393 0,14.565 L0,12.596 C0,10.298 1.863,8.435 4.161,8.435" id="Fill-9" fill="#6CDFD4"></path> </g> </g></svg>
\ No newline at end of file
diff --git a/packages/components/icon/src/svg/users-gray-m.svg b/packages/components/icon/src/svg/users-gray-m.svg
new file mode 100644
index 000000000..2f7616730
--- /dev/null
+++ b/packages/components/icon/src/svg/users-gray-m.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>01 App menu / 03 Elements / 02 Icons / 12 Users / 02 Inactive</title> <defs> <polygon id="path-1" points="0 -1.77635684e-15 9.46286582 -1.77635684e-15 9.46286582 7.052 0 7.052"></polygon> <polygon id="path-3" points="0 0 7.10400755 0 7.10400755 7.1046 0 7.1046"></polygon> <polygon id="path-5" points="0 0 10.235 0 10.235 7.6299 0 7.6299"></polygon> </defs> <g id="01-App-menu-/-03-Elements-/-02-Icons-/-12-Users-/-02-Inactive" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect id="canvas" x="-4.9999926e-08" y="-5.00000112e-08" width="24.0000001" height="24.0000001"></rect> <g id="Group-14" transform="translate(3.000000, 4.000000)"> <g id="Group-3" transform="translate(8.456934, 9.012700)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-2"></g> <path d="M5.30216582,-1.77635684e-15 L3.45216582,-1.77635684e-15 L3.45216582,1.5 L5.30216582,1.5 C6.76916582,1.5 7.96316582,2.694 7.96316582,4.161 L7.96316582,5.552 L3.45216582,5.552 L0.728165822,5.552 L0.599165822,5.552 L0.599165822,5.844 C0.599165822,5.844 -0.0418341785,7.052 0.00216582152,7.052 L0.876165822,7.052 L7.96316582,7.052 C8.79216582,7.052 9.46316582,6.381 9.46316582,5.552 L9.46316582,4.161 C9.46316582,1.863 7.60016582,-1.77635684e-15 5.30216582,-1.77635684e-15" id="Fill-1" fill="#6A7580" mask="url(#mask-2)"></path> </g> <path d="M12.8822,1.1291 L12.8802,1.1291 C11.2312,1.1301 9.8942,2.4671 9.8942,4.1161 C9.8982,5.7681 11.2382,7.1041 12.8892,7.1041 C14.5382,7.1001 15.8722,5.7611 15.8692051,4.1121 C15.8672,2.4641 14.5302,1.1291 12.8822,1.1291 M12.8822,2.6291 C13.7012,2.6291 14.3682,3.2951 14.3692045,4.1141 C14.3712,4.9341 13.7052,5.6021 12.8892,5.6041 C12.0672,5.6041 11.3962,4.9351 11.3942,4.1161 C11.3942,3.2971 12.0612,2.6301 12.8802,2.6291 L12.8822,2.6291" id="Fill-4" fill="#6A7580"></path> <g id="Group-8" transform="translate(1.565400, 0.000000)"> <mask id="mask-4" fill="white"> <use xlink:href="#path-3"></use> </mask> <g id="Clip-7"></g> <path d="M3.552,-0.0004 L3.549,-0.0004 C1.588,0.0016 0,1.5916 0,3.5516 C0.005,5.5156 1.598,7.1046 3.561,7.1046 C5.522,7.0996 7.108,5.5066 7.10400755,3.5456 C7.101,1.5866 5.511,-0.0004 3.552,-0.0004 M3.552,1.4996 C4.682,1.4996 5.602,2.4186 5.60400326,3.5486 C5.606,4.6796 4.688,5.6016 3.561,5.6046 C2.427,5.6046 1.503,4.6816 1.5,3.5516 C1.5,2.4216 2.42,1.5006 3.549,1.4996 L3.552,1.4996" id="Fill-6" fill="#6A7580" mask="url(#mask-4)"></path> </g> <g id="Group-11" transform="translate(0.000000, 8.435100)"> <mask id="mask-6" fill="white"> <use xlink:href="#path-5"></use> </mask> <g id="Clip-10"></g> <path d="M6.074,0 L4.161,0 C1.863,0 0,1.863 0,4.161 L0,6.13 C0,6.958 0.671,7.63 1.5,7.63 L8.735,7.63 C9.564,7.63 10.235,6.958 10.235,6.13 L10.235,4.161 C10.235,1.863 8.372,0 6.074,0 M6.074,1.5 C7.541,1.5 8.735,2.694 8.735,4.161 L8.735,6.13 L1.5,6.13 L1.5,4.161 C1.5,2.694 2.694,1.5 4.161,1.5 L6.074,1.5" id="Fill-9" fill="#6A7580" mask="url(#mask-6)"></path> </g> <path d="M12.6592,9.7627 C12.6592,10.1767 12.3232,10.5127 11.9092,10.5127 C11.4952,10.5127 11.1592,10.1767 11.1592,9.7627 C11.1592,9.3487 11.4952,9.0127 11.9092,9.0127 C12.3232,9.0127 12.6592,9.3487 12.6592,9.7627" id="Fill-12" fill="#6A7580"></path> </g> </g></svg>
\ No newline at end of file
diff --git a/packages/components/icon/src/svg/workspaces-color.svg b/packages/components/icon/src/svg/workspaces-color.svg
new file mode 100644
index 000000000..a86f0d3ab
--- /dev/null
+++ b/packages/components/icon/src/svg/workspaces-color.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>01 App menu / 03 Elements / 02 Icons / 11 Workspaces / 01 Active</title> <defs> <polygon id="path-1" points="0 0 8.2999 0 8.2999 8.228 0 8.228"></polygon> <polygon id="path-3" points="0 1.77635684e-15 8.2999 1.77635684e-15 8.2999 8.228 0 8.228"></polygon> </defs> <g id="01-App-menu-/-03-Elements-/-02-Icons-/-11-Workspaces-/-01-Active" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-11" transform="translate(3.000000, 3.000000)"> <path d="M18.0001,15.754 L18.0001,12.026 C17.9981,10.784 16.9921,9.778 15.7501,9.776 L11.9501,9.776 C10.7081,9.778 9.7021,10.784 9.7001,12.026 L9.7001,15.754 C9.7021,16.996 10.7081,18.002 11.9501,18.004 L15.7501,18.004 C16.9921,18.002 17.9981,16.996 18.0001,15.754" id="Fill-1" fill="#B88CEE"></path> <path d="M18.0759,5.978 L18.0759,2.25 C18.0739,1.008 17.0679,0.002 15.8259,0 L12.0259,0 C10.7839,0.002 9.7779,1.008 9.7759,2.25 L9.7759,5.978 C9.7779,7.22 10.7839,8.226 12.0259,8.228 L15.8259,8.228 C17.0679,8.226 18.0739,7.22 18.0759,5.978" id="Fill-3" fill="#6D2ED3"></path> <g id="Group-7" transform="translate(0.000000, 0.003500)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-6"></g> <path d="M8.2999,5.978 L8.2999,2.25 C8.2979,1.008 7.2919,0.002 6.0499,0 L2.2499,0 C1.0079,0.002 0.0019,1.008 -0.0001,2.25 L-0.0001,5.978 C0.0019,7.22 1.0079,8.226 2.2499,8.228 L6.0499,8.228 C7.2919,8.226 8.2979,7.22 8.2999,5.978" id="Fill-5" fill="#B88CEE" mask="url(#mask-2)"></path> </g> <g id="Group-10" transform="translate(0.000000, 9.776000)"> <mask id="mask-4" fill="white"> <use xlink:href="#path-3"></use> </mask> <g id="Clip-9"></g> <path d="M8.2999,5.978 L8.2999,2.25 C8.2979,1.008 7.2919,0.002 6.0499,1.77635684e-15 L2.2499,1.77635684e-15 C1.0079,0.002 0.0019,1.008 -0.0001,2.25 L-0.0001,5.978 C0.0019,7.22 1.0079,8.226 2.2499,8.228 L6.0499,8.228 C7.2919,8.226 8.2979,7.22 8.2999,5.978" id="Fill-8" fill="#D1ADF7" mask="url(#mask-4)"></path> </g> </g> </g></svg>
\ No newline at end of file
diff --git a/packages/components/icon/src/svg/workspaces-gray-m.svg b/packages/components/icon/src/svg/workspaces-gray-m.svg
new file mode 100644
index 000000000..5b3fce1d2
--- /dev/null
+++ b/packages/components/icon/src/svg/workspaces-gray-m.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>01 App menu / 03 Elements / 02 Icons / 11 Workspaces / 02 Inactive</title> <defs> <polygon id="path-1" points="0 0 8.2276 0 8.2276 8.3 0 8.3"></polygon> </defs> <g id="01-App-menu-/-03-Elements-/-02-Icons-/-11-Workspaces-/-02-Inactive" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <rect id="canvas" x="-4.9999926e-08" y="-5.00000112e-08" width="24.0000001" height="24.0000001"></rect> <g id="Group-8" transform="translate(3.000000, 3.000000)"> <path d="M16.5036,6.1257 C16.5026,6.5397 16.1676,6.8747 15.7536,6.8757 L12.0256,6.8757 C11.6116,6.8747 11.2766,6.5397 11.2756,6.1257 L11.2756,2.3257 C11.2766,1.9117 11.6116,1.5767 12.0256,1.5757 L15.7536,1.5757 C16.1676,1.5767 16.5026,1.9117 16.5036,2.3257 L16.5036,6.1257 Z M15.7536,0.0757 L12.0256,0.0757 C10.7836,0.0777 9.7776,1.0837 9.7756,2.3257 L9.7756,6.1257 C9.7776,7.3677 10.7836,8.3737 12.0256,8.3757 L15.7536,8.3757 C16.9956,8.3737 18.0016,7.3677 18.0036,6.1257 L18.0036,2.3257 C18.0016,1.0837 16.9956,0.0777 15.7536,0.0757 L15.7536,0.0757 Z" id="Fill-1" fill="#6A7580"></path> <g id="Group-5"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-4"></g> <path d="M6.7276,6.05 C6.7266,6.464 6.3916,6.799 5.9776,6.8 L2.2496,6.8 C1.8356,6.799 1.5006,6.464 1.4996,6.05 L1.4996,2.25 C1.5006,1.836 1.8356,1.501 2.2496,1.5 L5.9776,1.5 C6.3916,1.501 6.7266,1.836 6.7276,2.25 L6.7276,6.05 Z M5.9776,0 L2.2496,0 C1.0076,0.002 0.0016,1.008 -0.0004,2.25 L-0.0004,6.05 C0.0016,7.292 1.0076,8.298 2.2496,8.3 L5.9776,8.3 C7.2196,8.298 8.2256,7.292 8.2276,6.05 L8.2276,2.25 C8.2256,1.008 7.2196,0.002 5.9776,0 L5.9776,0 Z" id="Fill-3" fill="#6A7580" mask="url(#mask-2)"></path> </g> <path d="M6.7311,15.826 C6.7301,16.24 6.3951,16.575 5.9811,16.576 L2.2531,16.576 C1.8391,16.575 1.5041,16.24 1.5031,15.826 L1.5031,12.026 C1.5041,11.612 1.8391,11.277 2.2531,11.276 L5.9811,11.276 C6.3951,11.277 6.7301,11.612 6.7311,12.026 L6.7311,15.826 Z M5.9811,9.776 L2.2531,9.776 C1.0111,9.778 0.0051,10.784 0.0031,12.026 L0.0031,15.826 C0.0051,17.068 1.0111,18.074 2.2531,18.076 L5.9811,18.076 C7.2231,18.074 8.2291,17.068 8.2311,15.826 L8.2311,12.026 C8.2291,10.784 7.2231,9.778 5.9811,9.776 L5.9811,9.776 Z" id="Fill-6" fill="#6A7580"></path> <path d="M16.7311,15.826 C16.7301,16.24 16.3951,16.575 15.9811,16.576 L12.2531,16.576 C11.8391,16.575 11.5041,16.24 11.5031,15.826 L11.5031,12.026 C11.5041,11.612 11.8391,11.277 12.2531,11.276 L15.9811,11.276 C16.3951,11.277 16.7301,11.612 16.7311,12.026 L16.7311,15.826 Z M15.9811,9.776 L12.2531,9.776 C11.0111,9.778 10.0051,10.784 10.0031,12.026 L10.0031,15.826 C10.0051,17.068 11.0111,18.074 12.2531,18.076 L15.9811,18.076 C17.2231,18.074 18.2291,17.068 18.2311,15.826 L18.2311,12.026 C18.2291,10.784 17.2231,9.778 15.9811,9.776 L15.9811,9.776 Z" id="Fill-6-Copy" fill="#6A7580"></path> </g> </g></svg>
\ No newline at end of file