From c0978fc06b5a09e88fbce0e113bcf056cac8845c Mon Sep 17 00:00:00 2001
From: Bang <15622356989@163.com>
Date: Fri, 24 Mar 2023 18:17:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../opendesign/src/icons/svgs/fill/add.svg    | 11 +++++---
 .../opendesign/src/icons/svgs/fill/alert.svg  |  7 +++++
 .../src/icons/svgs/fill/appendix.svg          |  7 +++++
 .../src/icons/svgs/fill/arrow-down.svg        |  7 +++++
 .../src/icons/svgs/fill/arrow-left.svg        |  7 +++++
 .../src/icons/svgs/fill/arrow-right.svg       | 11 ++++++++
 .../icons/svgs/fill/arrow-traingle-down.svg   | 17 +++++++++---
 .../icons/svgs/fill/arrow-traingle-left.svg   | 17 +++++++++---
 .../icons/svgs/fill/arrow-traingle-right.svg  | 17 +++++++++---
 .../src/icons/svgs/fill/arrow-traingle-up.svg | 12 +++++----
 .../src/icons/svgs/fill/arrow-up.svg          |  7 +++++
 .../src/icons/svgs/fill/backtop.svg           |  7 +++++
 .../src/icons/svgs/fill/calendar.svg          |  7 +++++
 .../src/icons/svgs/fill/chevron-down.svg      | 17 +++++++++---
 .../src/icons/svgs/fill/chevron-left.svg      | 17 +++++++++---
 .../src/icons/svgs/fill/chevron-right.svg     | 17 +++++++++---
 .../src/icons/svgs/fill/chevron-up.svg        | 17 +++++++++---
 .../opendesign/src/icons/svgs/fill/delete.svg |  7 +++++
 .../opendesign/src/icons/svgs/fill/done.svg   | 11 +++++---
 .../src/icons/svgs/fill/ellipsis.svg          | 13 +++++-----
 .../opendesign/src/icons/svgs/fill/error.svg  |  7 +++++
 .../opendesign/src/icons/svgs/fill/filter.svg | 11 +++++---
 .../opendesign/src/icons/svgs/fill/list.svg   |  7 +++++
 .../src/icons/svgs/fill/loading.svg           | 26 ++++++++++---------
 .../opendesign/src/icons/svgs/fill/minus.svg  | 11 +++++---
 .../opendesign/src/icons/svgs/fill/more.svg   |  7 +++++
 .../opendesign/src/icons/svgs/fill/people.svg |  7 +++++
 .../opendesign/src/icons/svgs/fill/point.svg  |  7 +++++
 .../opendesign/src/icons/svgs/fill/point2.svg |  7 +++++
 .../src/icons/svgs/fill/question.svg          |  7 +++++
 .../src/icons/svgs/fill/refresh.svg           | 11 +++++---
 .../opendesign/src/icons/svgs/fill/search.svg | 17 +++++++++---
 .../opendesign/src/icons/svgs/fill/star.svg   | 13 +++++++---
 .../src/icons/svgs/fill/success.svg           |  7 +++++
 .../opendesign/src/icons/svgs/fill/time.svg   |  7 +++++
 .../opendesign/src/icons/svgs/fill/tips.svg   |  7 +++++
 .../opendesign/src/icons/svgs/fill/tips2.svg  |  7 +++++
 packages/opendesign/src/icons/svgs/fill/x.svg | 17 +++++++++---
 .../opendesign/src/icons/svgs/fill/x2.svg     |  7 +++++
 39 files changed, 340 insertions(+), 83 deletions(-)
 create mode 100644 packages/opendesign/src/icons/svgs/fill/alert.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/appendix.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/arrow-down.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/arrow-left.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/arrow-right.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/arrow-up.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/backtop.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/calendar.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/delete.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/error.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/list.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/more.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/people.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/point.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/point2.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/question.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/success.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/time.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/tips.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/tips2.svg
 create mode 100644 packages/opendesign/src/icons/svgs/fill/x2.svg

diff --git a/packages/opendesign/src/icons/svgs/fill/add.svg b/packages/opendesign/src/icons/svgs/fill/add.svg
index de17cbdc9..d01b31b70 100644
--- a/packages/opendesign/src/icons/svgs/fill/add.svg
+++ b/packages/opendesign/src/icons/svgs/fill/add.svg
@@ -1,4 +1,7 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>add</title>
-<path fill="currentColor"  d="M25.333 15.333v1.333c0 0.368-0.298 0.667-0.667 0.667h-7.333v7.333c0 0.368-0.298 0.667-0.667 0.667h-1.333c-0.368 0-0.667-0.298-0.667-0.667v-7.333h-7.333c-0.368 0-0.667-0.298-0.667-0.667v-1.333c0-0.368 0.298-0.667 0.667-0.667h7.333v-7.333c0-0.368 0.298-0.667 0.667-0.667h1.333c0.368 0 0.667 0.298 0.667 0.667v7.333h7.333c0.368 0 0.667 0.298 0.667 0.667z"></path>
-</svg>
+<?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>add</title>
+    <g id="add" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12.125,2.15 C12.4232338,2.15 12.6706468,2.36758961 12.717147,2.65267688 L12.725,2.75 L12.725,21.25 C12.725,21.5813708 12.4563708,21.85 12.125,21.85 C11.8267662,21.85 11.5793532,21.6324104 11.532853,21.3473231 L11.525,21.25 L11.525,12.824 L2.75,12.825 C2.36340068,12.825 2.05,12.5115993 2.05,12.125 C2.05,11.7706173 2.31334362,11.4777418 2.65501415,11.4313902 L2.75,11.425 L11.525,11.424 L11.525,2.75 C11.525,2.41862915 11.7936292,2.15 12.125,2.15 Z M21.25,11.525 C21.5813708,11.525 21.85,11.7936292 21.85,12.125 C21.85,12.4232338 21.6324104,12.6706468 21.3473231,12.717147 L21.25,12.725 L14,12.724 L14,11.525 L21.25,11.525 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/alert.svg b/packages/opendesign/src/icons/svgs/fill/alert.svg
new file mode 100644
index 000000000..db098cd2f
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/alert.svg
@@ -0,0 +1,7 @@
+<?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>alert</title>
+    <g id="alert" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12.5220664,3.13390241 C12.6975825,3.23026008 12.8422889,3.37325803 12.9397978,3.54670183 L21.8644978,19.4214932 C22.1528811,19.9344545 21.9658564,20.5813126 21.4467663,20.8662912 C21.2870364,20.9539823 21.1073264,21 20.924602,21 L3.07520215,21 C2.4813844,21 2,20.5242992 2,19.9374925 C2,19.7569254 2.04656754,19.5793372 2.13530637,19.4214932 L11.0600063,3.54670183 C11.3483897,3.03374047 12.0029763,2.84892388 12.5220664,3.13390241 Z M12.0040534,16.9546396 C11.5622256,16.9546396 11.2040534,17.3128118 11.2040534,17.7546396 C11.2040534,18.1964674 11.5622256,18.5546396 12.0040534,18.5546396 C12.4458812,18.5546396 12.8040534,18.1964674 12.8040534,17.7546396 C12.8040534,17.3128118 12.4458812,16.9546396 12.0040534,16.9546396 Z M11.9947303,8.81609191 C11.6633594,8.81609191 11.3947303,9.08472106 11.3947303,9.41609191 L11.3947303,9.41609191 L11.3947303,15.4160919 L11.4025833,15.513415 C11.4490835,15.7985023 11.6964965,16.0160919 11.9947303,16.0160919 C12.3261011,16.0160919 12.5947303,15.7474628 12.5947303,15.4160919 L12.5947303,15.4160919 L12.5947303,9.41609191 L12.5868773,9.3187688 C12.540377,9.03368153 12.2929641,8.81609191 11.9947303,8.81609191 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/appendix.svg b/packages/opendesign/src/icons/svgs/fill/appendix.svg
new file mode 100644
index 000000000..1279f9f3a
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/appendix.svg
@@ -0,0 +1,7 @@
+<?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>appendix</title>
+    <g id="appendix" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M13.707796,9.67798551 L13.7821667,9.74125045 L14.4008852,10.3599689 C15.7721357,11.7312195 15.9558015,13.8278944 14.7983734,15.134298 L14.6738492,15.266562 L9.5369264,20.4034848 C8.09440149,21.8460097 5.63999912,21.6809154 4.05060967,20.091526 C2.51088864,18.5518049 2.30783519,16.2002895 3.60811831,14.7433531 L3.73865079,14.6052092 L5.72823226,12.6156278 C5.96254684,12.3813132 6.34244583,12.3813132 6.5767604,12.6156278 C6.78764352,12.8265109 6.80873183,13.1553174 6.64002534,13.3897852 L6.5767604,13.4641559 L4.58717893,15.4537374 C3.64061405,16.4003022 3.75485721,18.0987172 4.8991378,19.2429978 C5.9994076,20.3432676 7.6120058,20.4912099 8.57591693,19.6594697 L8.68839826,19.5549567 L13.8253211,14.4180339 C14.5893492,13.6540058 14.5322965,12.3007146 13.6694682,11.3325194 L13.552357,11.208497 L12.9336386,10.5897786 C12.699324,10.355464 12.699324,9.97556502 12.9336386,9.74125045 C13.1445217,9.53036733 13.4733282,9.50927902 13.707796,9.67798551 Z M20.091526,4.05060967 C21.631247,5.59033069 21.8343004,7.94184608 20.5340173,9.39878248 L20.4034848,9.5369264 L18.4139034,11.5265079 C18.1795888,11.7608224 17.7996898,11.7608224 17.5653752,11.5265079 C17.3544921,11.3156248 17.3334038,10.9868183 17.5021103,10.7523505 L17.5653752,10.6779797 L19.5549567,8.68839826 C20.5015216,7.74183338 20.3872784,6.0434184 19.2429978,4.8991378 C18.142728,3.798868 16.5301298,3.65092571 15.5662187,4.48266588 L15.4537374,4.58717893 L10.3168146,9.72410172 C9.55278642,10.4881299 9.60983913,11.841421 10.4726674,12.8096163 L10.5897786,12.9336386 L11.208497,13.552357 C11.4428116,13.7866716 11.4428116,14.1665706 11.208497,14.4008852 C10.9976139,14.6117683 10.6688074,14.6328566 10.4343396,14.4641501 L10.3599689,14.4008852 L9.74125045,13.7821667 C8.36999988,12.4109162 8.18633413,10.3142412 9.34376227,9.0078376 L9.46828643,8.87557358 L14.6052092,3.73865079 C16.0477341,2.29612589 18.5021365,2.46122022 20.091526,4.05060967 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-down.svg b/packages/opendesign/src/icons/svgs/fill/arrow-down.svg
new file mode 100644
index 000000000..10ccf1830
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-down.svg
@@ -0,0 +1,7 @@
+<?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>arrow-down</title>
+    <g id="arrow-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.9955178,9.51009412 C12.3268887,9.51009412 12.5955178,9.77872327 12.5955178,10.1100941 L12.5955178,10.1100941 L12.5955178,18.0380263 L12.5876648,18.1353495 C12.5411646,18.4204367 12.2937516,18.6380263 11.9955178,18.6380263 C11.664147,18.6380263 11.3955178,18.3693972 11.3955178,18.0380263 L11.3955178,18.0380263 L11.3955178,10.1100941 L11.4033708,10.012771 C11.4498711,9.72768373 11.6972841,9.51009412 11.9955178,9.51009412 Z M12.3411666,5.45630939 L12.4242641,5.52573593 L17.4242641,10.5257359 C17.6585786,10.7600505 17.6585786,11.1399495 17.4242641,11.3742641 C17.2159844,11.5825437 16.8926752,11.6056859 16.6588334,11.4436906 L16.5757359,11.3742641 L11.9995178,6.798 L7.42426407,11.3742641 C7.21598445,11.5825437 6.89267517,11.6056859 6.6588334,11.4436906 L6.57573593,11.3742641 C6.36745631,11.1659844 6.34431413,10.8426752 6.50630939,10.6088334 L6.57573593,10.5257359 L11.5757359,5.52573593 C11.7840156,5.31745631 12.1073248,5.29431413 12.3411666,5.45630939 Z" id="path1" fill="#000000" fill-rule="nonzero" transform="translate(12.000000, 11.994013) scale(1, -1) translate(-12.000000, -11.994013) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-left.svg b/packages/opendesign/src/icons/svgs/fill/arrow-left.svg
new file mode 100644
index 000000000..3bf1c89ad
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-left.svg
@@ -0,0 +1,7 @@
+<?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>arrow-left</title>
+    <g id="arrow-left" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.989531,9.51608095 C12.3209018,9.51608095 12.589531,9.7847101 12.589531,10.116081 L12.589531,10.116081 L12.589531,18.0440132 L12.581678,18.1413363 C12.5351778,18.4264236 12.2877648,18.6440132 11.989531,18.6440132 C11.6581601,18.6440132 11.389531,18.375384 11.389531,18.0440132 L11.389531,18.0440132 L11.389531,10.116081 L11.397384,10.0187578 C11.4438842,9.73367056 11.6912972,9.51608095 11.989531,9.51608095 Z M12.3351798,5.46229622 L12.4182772,5.53172276 L17.4182772,10.5317228 C17.6525918,10.7660373 17.6525918,11.1459363 17.4182772,11.3802509 C17.2099976,11.5885305 16.8866883,11.6116727 16.6528466,11.4496774 L16.5697491,11.3802509 L11.993531,6.80398683 L7.41827724,11.3802509 C7.20999762,11.5885305 6.88668834,11.6116727 6.65284657,11.4496774 L6.5697491,11.3802509 C6.36146948,11.1719713 6.3383273,10.848662 6.50032256,10.6148202 L6.5697491,10.5317228 L11.5697491,5.53172276 C11.7780287,5.32344314 12.101338,5.30030096 12.3351798,5.46229622 Z" id="path1" fill="#000000" fill-rule="nonzero" transform="translate(11.994013, 12.000000) rotate(-90.000000) translate(-11.994013, -12.000000) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-right.svg b/packages/opendesign/src/icons/svgs/fill/arrow-right.svg
new file mode 100644
index 000000000..112de2265
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-right.svg
@@ -0,0 +1,11 @@
+<?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>arrow-right</title>
+    <g id="arrow-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path
+            d="M11.989531,9.51608095 C12.3209018,9.51608095 12.589531,9.7847101 12.589531,10.116081 L12.589531,10.116081 L12.589531,18.0440132 L12.581678,18.1413363 C12.5351778,18.4264236 12.2877648,18.6440132 11.989531,18.6440132 C11.6581601,18.6440132 11.389531,18.375384 11.389531,18.0440132 L11.389531,18.0440132 L11.389531,10.116081 L11.397384,10.0187578 C11.4438842,9.73367056 11.6912972,9.51608095 11.989531,9.51608095 Z M12.3351798,5.46229622 L12.4182772,5.53172276 L17.4182772,10.5317228 C17.6525918,10.7660373 17.6525918,11.1459363 17.4182772,11.3802509 C17.2099976,11.5885305 16.8866883,11.6116727 16.6528466,11.4496774 L16.5697491,11.3802509 L11.993531,6.80398683 L7.41827724,11.3802509 C7.20999762,11.5885305 6.88668834,11.6116727 6.65284657,11.4496774 L6.5697491,11.3802509 C6.36146948,11.1719713 6.3383273,10.848662 6.50032256,10.6148202 L6.5697491,10.5317228 L11.5697491,5.53172276 C11.7780287,5.32344314 12.101338,5.30030096 12.3351798,5.46229622 Z"
+            id="path1" fill="#000000" fill-rule="nonzero"
+            transform="translate(11.994013, 12.000000) rotate(90.000000) translate(-11.994013, -12.000000) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-down.svg b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-down.svg
index c47b18d3d..57f907333 100644
--- a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-down.svg
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-down.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>arrow-triangle-solid-down</title>
-<path fill="currentColor"  d="M10.48 14.747c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.267-0.267c0.125-0.13 0.299-0.203 0.48-0.2h9.547c0.181-0.003 0.355 0.070 0.48 0.2l0.267 0.267c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-5.053 5.053c-0.121 0.129-0.29 0.202-0.467 0.202s-0.346-0.073-0.467-0.202l-5.053-5.053z"></path>
-</svg>
+<?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>arrow-traingle-down</title>
+    <defs>
+        <path d="M12.3841106,9.46093277 L16.3165898,14.1799078 C16.4933719,14.3920462 16.4647098,14.7073286 16.2525714,14.8841106 C16.1627139,14.9589919 16.0494474,15 15.9324792,15 L8.06752081,15 C7.79137843,15 7.56752081,14.7761424 7.56752081,14.5 C7.56752081,14.3830317 7.60852892,14.2697653 7.68341017,14.1799078 L11.6158894,9.46093277 C11.7926714,9.24879432 12.1079538,9.22013229 12.3200922,9.39691433 C12.3433237,9.41627394 12.364751,9.43770124 12.3841106,9.46093277 Z" id="path-1"></path>
+    </defs>
+    <g id="arrow-traingle-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" transform="translate(12.000000, 12.000000) scale(1, -1) translate(-12.000000, -12.000000) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-left.svg b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-left.svg
index 27b72d68c..c1b14d8c0 100644
--- a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-left.svg
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-left.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>arrow-triangle-solid-left</title>
-<path fill="currentColor"  d="M17.253 10.48c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.267 0.267c0.13 0.125 0.203 0.299 0.2 0.48v9.547c0.003 0.181-0.070 0.355-0.2 0.48l-0.267 0.267c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-5.053-5.053c-0.129-0.121-0.202-0.29-0.202-0.467s0.073-0.346 0.202-0.467l5.053-5.053z"></path>
-</svg>
+<?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>arrow-traingle-left</title>
+    <defs>
+        <path d="M12.3841106,9.46093277 L16.3165898,14.1799078 C16.4933719,14.3920462 16.4647098,14.7073286 16.2525714,14.8841106 C16.1627139,14.9589919 16.0494474,15 15.9324792,15 L8.06752081,15 C7.79137843,15 7.56752081,14.7761424 7.56752081,14.5 C7.56752081,14.3830317 7.60852892,14.2697653 7.68341017,14.1799078 L11.6158894,9.46093277 C11.7926714,9.24879432 12.1079538,9.22013229 12.3200922,9.39691433 C12.3433237,9.41627394 12.364751,9.43770124 12.3841106,9.46093277 Z" id="path-1"></path>
+    </defs>
+    <g id="arrow-traingle-left" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" transform="translate(12.000000, 12.000000) scale(1, -1) rotate(-90.000000) translate(-12.000000, -12.000000) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-right.svg b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-right.svg
index b13302ad7..a3ff7a8e4 100644
--- a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-right.svg
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-right.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>arrow-triangle-solid-right</title>
-<path fill="currentColor"  d="M14.747 21.52c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.267-0.267c-0.13-0.125-0.203-0.299-0.2-0.48v-9.547c-0.003-0.181 0.070-0.355 0.2-0.48l0.267-0.267c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l5.053 5.053c0.129 0.121 0.202 0.29 0.202 0.467s-0.073 0.346-0.202 0.467l-5.053 5.053z"></path>
-</svg>
+<?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>arrow-traingle-right</title>
+    <defs>
+        <path d="M12.3841106,9.46093277 L16.3165898,14.1799078 C16.4933719,14.3920462 16.4647098,14.7073286 16.2525714,14.8841106 C16.1627139,14.9589919 16.0494474,15 15.9324792,15 L8.06752081,15 C7.79137843,15 7.56752081,14.7761424 7.56752081,14.5 C7.56752081,14.3830317 7.60852892,14.2697653 7.68341017,14.1799078 L11.6158894,9.46093277 C11.7926714,9.24879432 12.1079538,9.22013229 12.3200922,9.39691433 C12.3433237,9.41627394 12.364751,9.43770124 12.3841106,9.46093277 Z" id="path-1"></path>
+    </defs>
+    <g id="arrow-traingle-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" transform="translate(12.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-12.000000, -12.000000) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-up.svg b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-up.svg
index 3eb80e7ad..6af7df64d 100644
--- a/packages/opendesign/src/icons/svgs/fill/arrow-traingle-up.svg
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-traingle-up.svg
@@ -1,5 +1,7 @@
-
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>arrow-triangle-solid-up</title>
-<path fill="currentColor"  d="M21.52 17.253c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.267 0.267c-0.125 0.13-0.299 0.203-0.48 0.2h-9.547c-0.181 0.003-0.355-0.070-0.48-0.2l-0.267-0.267c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l5.053-5.053c0.121-0.129 0.29-0.202 0.467-0.202s0.346 0.073 0.467 0.202l5.053 5.053z"></path>
-</svg>
+<?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>arrow-traingle-up</title>
+    <g id="arrow-traingle-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12.3841106,9.46093277 L16.3165898,14.1799078 C16.4933719,14.3920462 16.4647098,14.7073286 16.2525714,14.8841106 C16.1627139,14.9589919 16.0494474,15 15.9324792,15 L8.06752081,15 C7.79137843,15 7.56752081,14.7761424 7.56752081,14.5 C7.56752081,14.3830317 7.60852892,14.2697653 7.68341017,14.1799078 L11.6158894,9.46093277 C11.7926714,9.24879432 12.1079538,9.22013229 12.3200922,9.39691433 C12.3433237,9.41627394 12.364751,9.43770124 12.3841106,9.46093277 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/arrow-up.svg b/packages/opendesign/src/icons/svgs/fill/arrow-up.svg
new file mode 100644
index 000000000..46f4cee09
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/arrow-up.svg
@@ -0,0 +1,7 @@
+<?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>arrow-up</title>
+    <g id="arrow-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.9955178,9.51009412 C12.3268887,9.51009412 12.5955178,9.77872327 12.5955178,10.1100941 L12.5955178,10.1100941 L12.5955178,18.0380263 L12.5876648,18.1353495 C12.5411646,18.4204367 12.2937516,18.6380263 11.9955178,18.6380263 C11.664147,18.6380263 11.3955178,18.3693972 11.3955178,18.0380263 L11.3955178,18.0380263 L11.3955178,10.1100941 L11.4033708,10.012771 C11.4498711,9.72768373 11.6972841,9.51009412 11.9955178,9.51009412 Z M12.3411666,5.45630939 L12.4242641,5.52573593 L17.4242641,10.5257359 C17.6585786,10.7600505 17.6585786,11.1399495 17.4242641,11.3742641 C17.2159844,11.5825437 16.8926752,11.6056859 16.6588334,11.4436906 L16.5757359,11.3742641 L11.9995178,6.798 L7.42426407,11.3742641 C7.21598445,11.5825437 6.89267517,11.6056859 6.6588334,11.4436906 L6.57573593,11.3742641 C6.36745631,11.1659844 6.34431413,10.8426752 6.50630939,10.6088334 L6.57573593,10.5257359 L11.5757359,5.52573593 C11.7840156,5.31745631 12.1073248,5.29431413 12.3411666,5.45630939 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/backtop.svg b/packages/opendesign/src/icons/svgs/fill/backtop.svg
new file mode 100644
index 000000000..dd2de7235
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/backtop.svg
@@ -0,0 +1,7 @@
+<?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>backtop</title>
+    <g id="backtop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,5.9 C12.0094677,5.9 12.0188843,5.90021929 12.0282448,5.90065307 C12.044013,5.90107063 12.0604442,5.90237326 12.0768096,5.90434915 C12.0924115,5.90686514 12.1077895,5.90945137 12.1229575,5.91261031 C12.1431604,5.9157969 12.1632067,5.92089652 12.1829974,5.92704429 C12.189634,5.93053903 12.1963897,5.93283306 12.2030902,5.93524294 C12.2528935,5.95109852 12.3009086,5.9753154 12.3456488,6.00630939 L12.4287462,6.07573593 L17.4287462,11.0757359 C17.6630608,11.3100505 17.6630608,11.6899495 17.4287462,11.9242641 C17.2204666,12.1325437 16.8971573,12.1556859 16.6633156,11.9936906 L16.5802181,11.9242641 L12.599,7.944 L12.6,20.5 L12.592147,20.5973231 C12.5456468,20.8824104 12.2982338,21.1 12,21.1 C11.6686292,21.1 11.4,20.8313708 11.4,20.5 L11.4,20.5 L11.399,7.952 L7.42874624,11.9242641 C7.22046662,12.1325437 6.89715734,12.1556859 6.66331557,11.9936906 L6.5802181,11.9242641 C6.37193848,11.7159844 6.3487963,11.3926752 6.51079156,11.1588334 L6.5802181,11.0757359 L11.5444307,6.10952643 C11.6225031,6.0185234 11.7273718,5.9511817 11.8468035,5.91973481 C11.8508581,5.91988621 11.8545277,5.91893057 11.8582042,5.91801021 C11.9034006,5.90587023 11.9510147,5.9 12,5.9 L11.939212,5.90353926 C11.9499123,5.90237511 11.9606379,5.90149814 11.9713763,5.90090837 Z M17,2.9 C17.3313708,2.9 17.6,3.16862915 17.6,3.5 C17.6,3.79823376 17.3824104,4.04564675 17.0973231,4.09214701 L17,4.1 L7,4.1 C6.66862915,4.1 6.4,3.83137085 6.4,3.5 C6.4,3.20176624 6.61758961,2.95435325 6.90267688,2.90785299 L7,2.9 L17,2.9 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/calendar.svg b/packages/opendesign/src/icons/svgs/fill/calendar.svg
new file mode 100644
index 000000000..b48c615ac
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/calendar.svg
@@ -0,0 +1,7 @@
+<?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>calendar</title>
+    <g id="calendar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M6.21348227,2.92162162 C6.6000816,2.92162162 6.91348227,3.2350223 6.91348227,3.62162162 C6.91348227,3.97600434 6.65013865,4.26887985 6.30846812,4.31523145 L6.21348227,4.32162162 L3,4.32162162 C2.85798392,4.32162162 2.73901581,4.42030172 2.70792321,4.55283437 L2.7,4.62162162 L2.7,6.97527027 L21.3,6.97527027 L21.3,4.62162162 C21.3,4.47960554 21.2013199,4.36063744 21.0687872,4.32954484 L21,4.32162162 L17.7531807,4.32162162 C17.3665814,4.32162162 17.0531807,4.00822095 17.0531807,3.62162162 C17.0531807,3.26723891 17.3165244,2.97436339 17.6581949,2.9280118 L17.7531807,2.92162162 L21,2.92162162 C21.8894691,2.92162162 22.6193901,3.60472844 22.69376,4.47493911 L22.7,4.62162162 L22.7,20.5 C22.7,21.3894691 22.0168932,22.1193901 21.1466825,22.19376 L21,22.2 L3,22.2 C2.11053088,22.2 1.3806099,21.5168932 1.30624001,20.6466825 L1.3,20.5 L1.3,4.62162162 C1.3,3.7321525 1.98310681,3.00223152 2.85331749,2.92786164 L3,2.92162162 L6.21348227,2.92162162 Z M21.3,8.37527027 L2.7,8.37527027 L2.7,20.5 C2.7,20.6420161 2.7986801,20.7609842 2.93121275,20.7920768 L3,20.8 L21,20.8 C21.1420161,20.8 21.2609842,20.7013199 21.2920768,20.5687872 L21.3,20.5 L21.3,8.37527027 Z M17,15.9 C17.3313708,15.9 17.6,16.1686292 17.6,16.5 C17.6,16.7982338 17.3824104,17.0456468 17.0973231,17.092147 L17,17.1 L7,17.1 C6.66862915,17.1 6.4,16.8313708 6.4,16.5 C6.4,16.2017662 6.61758961,15.9543532 6.90267688,15.907853 L7,15.9 L17,15.9 Z M17,11.9 C17.3313708,11.9 17.6,12.1686292 17.6,12.5 C17.6,12.7982338 17.3824104,13.0456468 17.0973231,13.092147 L17,13.1 L7,13.1 C6.66862915,13.1 6.4,12.8313708 6.4,12.5 C6.4,12.2017662 6.61758961,11.9543532 6.90267688,11.907853 L7,11.9 L17,11.9 Z M8.21621622,1.57027027 C8.57059893,1.57027027 8.86347445,1.83361389 8.90982604,2.17528442 L8.91621622,2.27027027 L8.91621622,4.97297297 C8.91621622,5.3595723 8.60281554,5.67297297 8.21621622,5.67297297 C7.8618335,5.67297297 7.56895799,5.40962935 7.52260639,5.06795883 L7.51621622,4.97297297 L7.51621622,2.27027027 C7.51621622,1.88367095 7.82961689,1.57027027 8.21621622,1.57027027 Z M15.7837838,1.57027027 C16.1381665,1.57027027 16.431042,1.83361389 16.4773936,2.17528442 L16.4837838,2.27027027 L16.4837838,4.97297297 C16.4837838,5.3595723 16.1703831,5.67297297 15.7837838,5.67297297 C15.4294011,5.67297297 15.1365256,5.40962935 15.090174,5.06795883 L15.0837838,4.97297297 L15.0837838,2.27027027 C15.0837838,1.88367095 15.3971845,1.57027027 15.7837838,1.57027027 Z M13.7871307,2.92162162 C14.17373,2.92162162 14.4871307,3.2350223 14.4871307,3.62162162 C14.4871307,3.97600434 14.2237871,4.26887985 13.8821166,4.31523145 L13.7871307,4.32162162 L10.2428704,4.32162162 C9.85627105,4.32162162 9.54287038,4.00822095 9.54287038,3.62162162 C9.54287038,3.26723891 9.806214,2.97436339 10.1478845,2.9280118 L10.2428704,2.92162162 L13.7871307,2.92162162 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/chevron-down.svg b/packages/opendesign/src/icons/svgs/fill/chevron-down.svg
index 66b976e32..e7d8c9363 100644
--- a/packages/opendesign/src/icons/svgs/fill/chevron-down.svg
+++ b/packages/opendesign/src/icons/svgs/fill/chevron-down.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>chevron-down</title>
-<path fill="currentColor"  d="M16.96 21.040c-0.187 0.188-0.442 0.293-0.707 0.293h-0.507c-0.265-0.003-0.518-0.108-0.707-0.293l-6.84-6.853c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.947-0.947c0.123-0.125 0.291-0.196 0.467-0.196s0.344 0.071 0.467 0.196l5.92 5.933 5.92-5.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.933 0.947c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-6.84 6.853z"></path>
-</svg>
+<?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>chevron-down</title>
+    <defs>
+        <path d="M9.87348697,5.78259065 L9.90554816,5.8128513 L14.8552956,10.7625988 C15.5244753,11.4317784 15.5384165,12.508071 14.8971194,13.1942137 L14.8552956,13.2374725 L9.90554816,18.18722 C9.77667514,18.316093 9.6125707,18.3882619 9.44423848,18.4037266 L9.39824817,18.4065384 L9.35218798,18.4065384 C9.16799379,18.4009149 8.98547673,18.3278087 8.84488799,18.18722 C8.56245524,17.9047872 8.55236836,17.4531405 8.81462734,17.158621 L8.84488799,17.1265598 L13.4410821,12.5303657 C13.7235148,12.247933 13.7336017,11.7962862 13.4713427,11.5017667 L13.4410821,11.4697056 L8.84488799,6.87351148 C8.55199477,6.58061826 8.55199477,6.10574452 8.84488799,5.8128513 C8.98610436,5.67163493 9.16962424,5.59850502 9.35465496,5.59346158 L9.40092051,5.59361919 C9.57050315,5.59939813 9.73849888,5.66238862 9.87348697,5.78259065 Z" id="path-1"></path>
+    </defs>
+    <g id="chevron-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" transform="translate(11.996538, 12.000000) scale(-1, -1) rotate(-90.000000) translate(-11.996538, -12.000000) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/chevron-left.svg b/packages/opendesign/src/icons/svgs/fill/chevron-left.svg
index 52bee9e62..aa84fcfd5 100644
--- a/packages/opendesign/src/icons/svgs/fill/chevron-left.svg
+++ b/packages/opendesign/src/icons/svgs/fill/chevron-left.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>chevron-left</title>
-<path fill="currentColor"  d="M10.96 16.96c-0.188-0.187-0.293-0.442-0.293-0.707v-0.507c0.003-0.265 0.108-0.518 0.293-0.707l6.853-6.84c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.947 0.947c0.125 0.123 0.196 0.291 0.196 0.467s-0.071 0.344-0.196 0.467l-5.933 5.92 5.933 5.92c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.947 0.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-6.853-6.84z"></path>
-</svg>
+<?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>chevron-left</title>
+    <defs>
+        <path d="M9.2482689,5.78262629 L9.28033009,5.81288695 L14.2300776,10.7626344 C14.8992572,11.4318141 14.9131984,12.5081067 14.2719013,13.1942493 L14.2300776,13.2375081 L9.28033009,18.1872556 C9.15145707,18.3161286 8.98735263,18.3882975 8.81902041,18.4037623 L8.7730301,18.4065741 L8.7269699,18.4065741 C8.54277571,18.4009505 8.36025866,18.3278444 8.21966991,18.1872556 C7.93723717,17.9048229 7.92715028,17.4531761 8.18940926,17.1586566 L8.21966991,17.1265954 L12.815864,12.5304014 C13.0982967,12.2479686 13.1083836,11.7963218 12.8461246,11.5018024 L12.815864,11.4697412 L8.21966991,6.87354712 C7.9267767,6.5806539 7.9267767,6.10578016 8.21966991,5.81288695 C8.36088629,5.67167057 8.54440617,5.59854066 8.72943689,5.59349722 L8.77570243,5.59365483 C8.94528507,5.59943377 9.11328081,5.66242426 9.2482689,5.78262629 Z" id="path-1"></path>
+    </defs>
+    <g id="chevron-left" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" fill-rule="nonzero" transform="translate(11.371320, 12.000036) scale(-1, 1) translate(-11.371320, -12.000036) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/chevron-right.svg b/packages/opendesign/src/icons/svgs/fill/chevron-right.svg
index b2ddf7390..ec01ccf78 100644
--- a/packages/opendesign/src/icons/svgs/fill/chevron-right.svg
+++ b/packages/opendesign/src/icons/svgs/fill/chevron-right.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>chevron-right</title>
-<path fill="currentColor"  d="M21.040 15.040c0.188 0.187 0.293 0.442 0.293 0.707v0.507c-0.003 0.265-0.108 0.518-0.293 0.707l-6.853 6.84c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.947-0.947c-0.125-0.123-0.196-0.291-0.196-0.467s0.071-0.344 0.196-0.467l5.933-5.92-5.933-5.92c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.947-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l6.853 6.84z"></path>
-</svg>
+<?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>chevron-right</title>
+    <defs>
+        <path d="M10.2482689,6.18912907 L10.2803301,6.21938972 L15.2300776,11.1691372 C15.8992572,11.8383168 15.9131984,12.9146094 15.2719013,13.6007521 L15.2300776,13.6440109 L10.2803301,18.5937584 C10.1514571,18.7226314 9.98735263,18.7948003 9.81902041,18.8102651 L9.7730301,18.8130768 L9.7269699,18.8130768 C9.54277571,18.8074533 9.36025866,18.7343471 9.21966991,18.5937584 C8.93723717,18.3113256 8.92715028,17.8596789 9.18940926,17.5651594 L9.21966991,17.5330982 L13.815864,12.9369041 C14.0982967,12.6544714 14.1083836,12.2028246 13.8461246,11.9083052 L13.815864,11.876244 L9.21966991,7.28004989 C8.9267767,6.98715668 8.9267767,6.51228294 9.21966991,6.21938972 C9.36088629,6.07817335 9.54440617,6.00504344 9.72943689,6 L9.77570243,6.00015761 C9.94528507,6.00593655 10.1132808,6.06892704 10.2482689,6.18912907 Z" id="path-1"></path>
+    </defs>
+    <g id="chevron-right" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" transform="translate(12.371320, 12.406538) scale(1, -1) translate(-12.371320, -12.406538) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/chevron-up.svg b/packages/opendesign/src/icons/svgs/fill/chevron-up.svg
index 29bd404e0..667a181d5 100644
--- a/packages/opendesign/src/icons/svgs/fill/chevron-up.svg
+++ b/packages/opendesign/src/icons/svgs/fill/chevron-up.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>chevron-up</title>
-<path fill="currentColor"  d="M15.040 10.96c0.187-0.188 0.442-0.293 0.707-0.293h0.507c0.265 0.003 0.518 0.108 0.707 0.293l6.84 6.853c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.947 0.947c-0.123 0.125-0.291 0.196-0.467 0.196s-0.344-0.071-0.467-0.196l-5.92-5.933-5.92 5.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.933-0.947c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l6.84-6.853z"></path>
-</svg>
+<?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>chevron-up</title>
+    <defs>
+        <path d="M9.87348697,5.78259065 L9.90554816,5.8128513 L14.8552956,10.7625988 C15.5244753,11.4317784 15.5384165,12.508071 14.8971194,13.1942137 L14.8552956,13.2374725 L9.90554816,18.18722 C9.77667514,18.316093 9.6125707,18.3882619 9.44423848,18.4037266 L9.39824817,18.4065384 L9.35218798,18.4065384 C9.16799379,18.4009149 8.98547673,18.3278087 8.84488799,18.18722 C8.56245524,17.9047872 8.55236836,17.4531405 8.81462734,17.158621 L8.84488799,17.1265598 L13.4410821,12.5303657 C13.7235148,12.247933 13.7336017,11.7962862 13.4713427,11.5017667 L13.4410821,11.4697056 L8.84488799,6.87351148 C8.55199477,6.58061826 8.55199477,6.10574452 8.84488799,5.8128513 C8.98610436,5.67163493 9.16962424,5.59850502 9.35465496,5.59346158 L9.40092051,5.59361919 C9.57050315,5.59939813 9.73849888,5.66238862 9.87348697,5.78259065 Z" id="path-1"></path>
+    </defs>
+    <g id="chevron-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" transform="translate(11.996538, 12.000000) scale(-1, 1) rotate(-90.000000) translate(-11.996538, -12.000000) " xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/delete.svg b/packages/opendesign/src/icons/svgs/fill/delete.svg
new file mode 100644
index 000000000..0b25f4dc0
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/delete.svg
@@ -0,0 +1,7 @@
+<?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>delete</title>
+    <g id="delete" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M20.1916203,4.34002415 C20.6058339,4.34002415 20.9416203,4.67581059 20.9416203,5.09002415 C20.9416203,5.45821399 20.6763076,5.76443671 20.3264338,5.82794065 L20.1916203,5.84002415 L6.36446461,5.83995554 L6.36450073,20.0577004 C6.36450073,20.2707245 6.51252087,20.4491767 6.71131986,20.4958156 L6.81450073,20.5077004 L17.5336228,20.5077004 C17.746647,20.5077004 17.9250991,20.3596803 17.971738,20.1608813 L17.9836228,20.0577004 L17.9836228,8.34574362 C17.9836228,7.93153006 18.3194093,7.59574362 18.7336228,7.59574362 C19.1018127,7.59574362 19.4080354,7.86105636 19.4715393,8.21093017 L19.4836228,8.34574362 L19.4836228,20.0577004 C19.4836228,21.067346 18.7162984,21.8977733 17.732999,21.9976328 L17.5336228,22.0077004 L6.81450073,22.0077004 C5.80485517,22.0077004 4.97442784,21.2403759 4.87456836,20.2570766 L4.86450073,20.0577004 L4.86446461,5.83995554 L3.85846461,5.84002415 C3.44425105,5.84002415 3.10846461,5.50423771 3.10846461,5.09002415 C3.10846461,4.72183432 3.37377735,4.4156116 3.72365116,4.35210766 L3.85846461,4.34002415 L20.1916203,4.34002415 Z M10.0968729,9.41943542 C10.4650627,9.41943542 10.7712854,9.68474816 10.8347894,10.034622 L10.8468729,10.1694354 L10.8468729,16.6530755 C10.8468729,17.0672891 10.5110865,17.4030755 10.0968729,17.4030755 C9.72868306,17.4030755 9.42246034,17.1377628 9.3589564,16.787889 L9.34687289,16.6530755 L9.34687289,10.1694354 C9.34687289,9.75522185 9.68265933,9.41943542 10.0968729,9.41943542 Z M14.5968729,9.41943542 C14.9650627,9.41943542 15.2712854,9.68474816 15.3347894,10.034622 L15.3468729,10.1694354 L15.3468729,16.6530755 C15.3468729,17.0672891 15.0110865,17.4030755 14.5968729,17.4030755 C14.2286831,17.4030755 13.9224603,17.1377628 13.8589564,16.787889 L13.8468729,16.6530755 L13.8468729,10.1694354 C13.8468729,9.75522185 14.1826593,9.41943542 14.5968729,9.41943542 Z M14.2538552,1.93595554 C14.6680688,1.93595554 15.0038552,2.27174198 15.0038552,2.68595554 C15.0038552,3.05414537 14.7385425,3.36036809 14.3886686,3.42387204 L14.2538552,3.43595554 L9.71901304,3.43595554 C9.30479948,3.43595554 8.96901304,3.1001691 8.96901304,2.68595554 C8.96901304,2.31776571 9.23432578,2.01154298 9.58419959,1.94803904 L9.71901304,1.93595554 L14.2538552,1.93595554 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/done.svg b/packages/opendesign/src/icons/svgs/fill/done.svg
index e295ef2ed..ac0abc2ff 100644
--- a/packages/opendesign/src/icons/svgs/fill/done.svg
+++ b/packages/opendesign/src/icons/svgs/fill/done.svg
@@ -1,4 +1,7 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>done</title>
-<path fill="currentColor"  d="M27.797 10.085l-14.133 14.133c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-7.187-7.187c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.933-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l5.773 5.773 12.733-12.733c0.264-0.256 0.683-0.256 0.947 0l0.933 0.947c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473z"></path>
-</svg>
+<?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>done</title>
+    <g id="done" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M19.9498781,5.44890342 C20.2542403,5.12862942 20.7606081,5.11573039 21.0808821,5.42009263 C21.3720402,5.69678558 21.4091695,6.1404252 21.1848422,6.45942682 L21.1096928,6.55109658 L10.9767223,17.2130324 C10.1226959,18.0737496 8.75698739,18.1180505 7.85034805,17.3421474 L7.72405588,17.2257241 L2.43652614,11.9792972 C2.12289005,11.6680992 2.1209136,11.1615711 2.43211163,10.847935 C2.71501892,10.5628113 3.15935605,10.5352575 3.47344598,10.7664118 L3.56347386,10.8435205 L8.85100361,16.0899473 C9.09799203,16.3350158 9.48169268,16.3581218 9.75446837,16.1602317 L9.85146219,16.0752545 L19.9498781,5.44890342 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/ellipsis.svg b/packages/opendesign/src/icons/svgs/fill/ellipsis.svg
index 15f7108a9..4a48a60f2 100644
--- a/packages/opendesign/src/icons/svgs/fill/ellipsis.svg
+++ b/packages/opendesign/src/icons/svgs/fill/ellipsis.svg
@@ -1,6 +1,7 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" class="ellipsis">
-<title>ellipsis</title>
-<path fill="currentColor" id="path1"  d="M18.667 16c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667z"></path>
-<path fill="currentColor" id="path2"   d="M29.333 16c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667z"></path>
-<path fill="currentColor" id="path3"  d="M8 16c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667z"></path>
-</svg>
+<?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>ellipsis</title>
+    <g id="ellipsis" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M5,10.5 C5.82842712,10.5 6.5,11.1715729 6.5,12 C6.5,12.8284271 5.82842712,13.5 5,13.5 C4.17157288,13.5 3.5,12.8284271 3.5,12 C3.5,11.1715729 4.17157288,10.5 5,10.5 Z M12,10.5 C12.8284271,10.5 13.5,11.1715729 13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 C11.1715729,13.5 10.5,12.8284271 10.5,12 C10.5,11.1715729 11.1715729,10.5 12,10.5 Z M19,10.5 C19.8284271,10.5 20.5,11.1715729 20.5,12 C20.5,12.8284271 19.8284271,13.5 19,13.5 C18.1715729,13.5 17.5,12.8284271 17.5,12 C17.5,11.1715729 18.1715729,10.5 19,10.5 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/error.svg b/packages/opendesign/src/icons/svgs/fill/error.svg
new file mode 100644
index 000000000..9d263f4b2
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/error.svg
@@ -0,0 +1,7 @@
+<?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>error</title>
+    <g id="error" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M8.83876244,8.00976521 C8.60492067,7.84776995 8.28161139,7.87091213 8.07333177,8.07919175 C7.86505215,8.28747138 7.84190997,8.61078066 8.00390523,8.84462243 L8.00390523,8.84462243 L8.07333177,8.92771989 L11.1555958,12.0104558 L8.08185015,15.0849078 L8.01242361,15.1680053 C7.85042835,15.401847 7.87357053,15.7251563 8.08185015,15.9334359 C8.31616473,16.1677505 8.69606371,16.1677505 8.93037829,15.9334359 L8.93037829,15.9334359 L15.9303783,8.93343592 L15.9998048,8.85033846 C16.1618001,8.61649669 16.1386579,8.29318741 15.9303783,8.08490779 C15.6960637,7.85059321 15.3161647,7.85059321 15.0818502,8.08490779 L15.0818502,8.08490779 L12.0045958,11.1614558 L8.92185991,8.07919175 Z M13.6863802,12.857383 C13.4525385,12.6953878 13.1292292,12.7185299 12.9209496,12.9268096 C12.71267,13.1350892 12.6895278,13.4583985 12.851523,13.6922402 L12.851523,13.6922402 L12.9209496,13.7753377 L15.0733318,15.9277199 L15.1564292,15.9971464 C15.390271,16.1591417 15.7135803,16.1359995 15.9218599,15.9277199 C16.1301395,15.7194403 16.1532817,15.396131 15.9912864,15.1622892 L15.9912864,15.1622892 L15.9218599,15.0791918 L13.7694777,12.9268096 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/filter.svg b/packages/opendesign/src/icons/svgs/fill/filter.svg
index e5ce5f489..41b2a3f7e 100644
--- a/packages/opendesign/src/icons/svgs/fill/filter.svg
+++ b/packages/opendesign/src/icons/svgs/fill/filter.svg
@@ -1,4 +1,7 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>filter</title>
-<path fill="currentColor" d="M12.012 23.995v-5.543c0-0.707-0.281-1.385-0.781-1.885l-7.778-7.78c-0.5-0.5-0.781-1.178-0.781-1.885v-1.567c0-1.473 1.194-2.667 2.667-2.667h21.333c1.473 0 2.667 1.194 2.667 2.667v1.571c0 0.705-0.279 1.381-0.777 1.881l-7.745 7.782c-0.497 0.5-0.777 1.176-0.777 1.881v9.548c0 0.738-0.599 1.337-1.337 1.337s-1.337-0.599-1.337-1.337v-10.882c0-0.707 0.281-1.385 0.781-1.885l8.050-8.051c0.318-0.318 0.497-0.749 0.497-1.199 0-0.388-0.314-0.702-0.702-0.702h-19.937c-0.388 0-0.702 0.314-0.702 0.702 0 0.45 0.179 0.881 0.497 1.198l8.064 8.042c0.502 0.5 0.784 1.18 0.784 1.888v6.888c0 0.741-0.601 1.342-1.342 1.342s-1.342-0.601-1.342-1.342z"></path>
-</svg>
+<?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>filter</title>
+    <g id="filter" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M18.9943917,2.4 C19.8882806,2.4 20.6,3.1494834 20.6,4.05896614 C20.6,4.37024341 20.5153028,4.67466281 20.3563926,4.93767706 L20.2708016,5.06557381 L18.6303675,7.28661434 C18.4334971,7.55316395 18.057821,7.60965013 17.7912713,7.41277976 C17.5513767,7.23559642 17.4816334,6.91358042 17.6136022,6.65663439 L17.6651059,6.57368364 L19.3055401,4.35264311 C19.3662065,4.27050472 19.3999992,4.16678634 19.3999992,4.05896614 C19.3999992,3.8276604 19.2508777,3.64492495 19.0654209,3.6071727 L18.9943917,3.6 L5.00565455,3.6 C4.92141319,3.6 4.83832029,3.63002255 4.7684539,3.6872464 C4.60235742,3.8232872 4.55395386,4.07315757 4.64626295,4.27134999 L4.69450616,4.35264311 L10.2609594,11.8892567 C10.4432145,12.1360182 10.5538966,12.4294137 10.5826466,12.7355236 L10.5901459,12.8894811 L10.6104847,18.3543999 C10.6109343,18.4751955 10.6535804,18.5883826 10.7256839,18.672181 L10.7850858,18.7291792 L12.8026047,20.3177304 C12.8716371,20.3720851 12.9528837,20.4003464 13.0350858,20.4 C13.2279576,20.3991947 13.3980334,20.241321 13.4327564,20.0234239 L13.4392131,19.9390884 L13.4126251,12.8986529 C13.4114424,12.5854808 13.4960171,12.2789536 13.6557378,12.0142636 L13.7418112,11.885568 L16.1293865,8.6529473 C16.3262569,8.38639769 16.701933,8.32991151 16.9684826,8.52678188 C17.2083773,8.70396522 17.2781205,9.02598122 17.1461517,9.28292725 L17.094648,9.36587799 L14.7070728,12.5984987 C14.6612892,12.6604866 14.6308189,12.7347536 14.618618,12.8137828 L14.6126165,12.8941212 L14.6392045,19.9345567 C14.6426388,20.8439365 13.9339065,21.5962382 13.0400972,21.6000082 C12.7361023,21.6012563 12.4397003,21.5134403 12.184349,21.3490614 L12.0602491,21.2605497 L10.0427302,19.6719984 C9.68889813,19.3933987 9.46606636,18.9785239 9.41957345,18.5289038 L9.41049305,18.3588659 L9.39015422,12.8939471 C9.38985512,12.8135797 9.37078824,12.7355676 9.33583704,12.6671453 L9.29569786,12.6021874 L3.72924463,5.06557381 C3.1992813,4.34803814 3.32112792,3.32154352 4.00808762,2.75889134 C4.25080328,2.56009585 4.54364396,2.43841736 4.85095704,2.40770913 L5.00565455,2.4 L18.9943917,2.4 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/list.svg b/packages/opendesign/src/icons/svgs/fill/list.svg
new file mode 100644
index 000000000..9cc7c5f1c
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/list.svg
@@ -0,0 +1,7 @@
+<?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>list</title>
+    <g id="list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M4,17 C4.55228475,17 5,17.4477153 5,18 C5,18.5522847 4.55228475,19 4,19 C3.44771525,19 3,18.5522847 3,18 C3,17.4477153 3.44771525,17 4,17 Z M20.4615385,17.3 C20.8481378,17.3 21.1615385,17.6134007 21.1615385,18 C21.1615385,18.3543827 20.8981948,18.6472582 20.5565243,18.6936098 L20.4615385,18.7 L7.53846154,18.7 C7.15186221,18.7 6.83846154,18.3865993 6.83846154,18 C6.83846154,17.6456173 7.10180516,17.3527418 7.44347568,17.3063902 L7.53846154,17.3 L20.4615385,17.3 Z M4,11 C4.55228475,11 5,11.4477153 5,12 C5,12.5522847 4.55228475,13 4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 Z M20.4615385,11.3 C20.8481378,11.3 21.1615385,11.6134007 21.1615385,12 C21.1615385,12.3543827 20.8981948,12.6472582 20.5565243,12.6936098 L20.4615385,12.7 L7.53846154,12.7 C7.15186221,12.7 6.83846154,12.3865993 6.83846154,12 C6.83846154,11.6456173 7.10180516,11.3527418 7.44347568,11.3063902 L7.53846154,11.3 L20.4615385,11.3 Z M4,5 C4.55228475,5 5,5.44771525 5,6 C5,6.55228475 4.55228475,7 4,7 C3.44771525,7 3,6.55228475 3,6 C3,5.44771525 3.44771525,5 4,5 Z M20.4615385,5.3 C20.8481378,5.3 21.1615385,5.61340068 21.1615385,6 C21.1615385,6.35438271 20.8981948,6.64725823 20.5565243,6.69360983 L20.4615385,6.7 L7.53846154,6.7 C7.15186221,6.7 6.83846154,6.38659932 6.83846154,6 C6.83846154,5.64561729 7.10180516,5.35274177 7.44347568,5.30639017 L7.53846154,5.3 L20.4615385,5.3 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/loading.svg b/packages/opendesign/src/icons/svgs/fill/loading.svg
index 5cff7c740..5991f8a87 100644
--- a/packages/opendesign/src/icons/svgs/fill/loading.svg
+++ b/packages/opendesign/src/icons/svgs/fill/loading.svg
@@ -1,12 +1,14 @@
-
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>loading</title>
-<path fill="currentColor" d="M15.673 0c0.812 0 1.469 0.658 1.469 1.469v6.857c0 0.812-0.658 1.469-1.469 1.469s-1.469-0.658-1.469-1.469v-6.857c0-0.812 0.658-1.469 1.469-1.469z"></path>
-<path fill="currentColor" opacity="0.6" d="M15.673 21.551c0.812 0 1.469 0.658 1.469 1.469v6.857c0 0.812-0.658 1.469-1.469 1.469s-1.469-0.658-1.469-1.469v-6.857c0-0.812 0.658-1.469 1.469-1.469z"></path>
-<path fill="currentColor" d="M0 15.673c0-0.812 0.658-1.469 1.469-1.469h6.857c0.812 0 1.469 0.658 1.469 1.469s-0.658 1.469-1.469 1.469h-6.857c-0.812 0-1.469-0.658-1.469-1.469z"></path>
-<path fill="currentColor" opacity="0.3" d="M21.551 15.673c0-0.812 0.658-1.469 1.469-1.469h6.857c0.812 0 1.469 0.658 1.469 1.469s-0.658 1.469-1.469 1.469h-6.857c-0.812 0-1.469-0.658-1.469-1.469z"></path>
-<path fill="currentColor" opacity="0.2" d="M26.756 4.591c0.574 0.574 0.574 1.504 0 2.078l-4.849 4.849c-0.574 0.574-1.504 0.574-2.078 0s-0.574-1.504 0-2.078l4.849-4.849c0.574-0.574 1.504-0.574 2.078 0z"></path>
-<path fill="currentColor" opacity="0.8" d="M11.517 19.83c0.574 0.574 0.574 1.504 0 2.078l-4.849 4.849c-0.574 0.574-1.504 0.574-2.078 0s-0.574-1.504 0-2.078l4.849-4.849c0.574-0.574 1.504-0.574 2.078 0z"></path>
-<path fill="currentColor" d="M4.591 4.591c0.574-0.574 1.504-0.574 2.078 0l4.849 4.849c0.574 0.574 0.574 1.504 0 2.078s-1.504 0.574-2.078 0l-4.849-4.849c-0.574-0.574-0.574-1.504 0-2.078z"></path>
-<path fill="currentColor" opacity="0.4" d="M19.83 19.83c0.574-0.574 1.504-0.574 2.078 0l4.849 4.849c0.574 0.574 0.574 1.504 0 2.078s-1.504 0.574-2.078 0l-4.849-4.849c-0.574-0.574-0.574-1.504 0-2.078z"></path>
-</svg>
+<?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>loading</title>
+    <g id="loading" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M14,4.4 C14.3313708,4.4 14.6,4.66862915 14.6,5 C14.6,5.29823376 14.3824104,5.54564675 14.0973231,5.59214701 L14,5.6 L10,5.6 C9.66862915,5.6 9.4,5.33137085 9.4,5 C9.4,4.70176624 9.61758961,4.45435325 9.90267688,4.40785299 L10,4.4 L14,4.4 Z" id="path1" fill="#000000" fill-rule="nonzero" transform="translate(12.000000, 5.000000) rotate(90.000000) translate(-12.000000, -5.000000) "></path>
+        <path d="M9.05025253,6.95025253 C9.38162338,6.95025253 9.65025253,7.21888168 9.65025253,7.55025253 C9.65025253,7.8484863 9.43266292,8.09589928 9.14757565,8.14239954 L9.05025253,8.15025253 L5.05025253,8.15025253 C4.71888168,8.15025253 4.45025253,7.88162338 4.45025253,7.55025253 C4.45025253,7.25201877 4.66784214,7.00460578 4.95292942,6.95810552 L5.05025253,6.95025253 L9.05025253,6.95025253 Z" id="path2" fill="#000000" fill-rule="nonzero" opacity="0.900000036" transform="translate(7.050253, 7.550253) rotate(45.000000) translate(-7.050253, -7.550253) "></path>
+        <path d="M7,11.9 C7.33137085,11.9 7.6,12.1686292 7.6,12.5 C7.6,12.7982338 7.38241039,13.0456468 7.09732312,13.092147 L7,13.1 L3,13.1 C2.66862915,13.1 2.4,12.8313708 2.4,12.5 C2.4,12.2017662 2.61758961,11.9543532 2.90267688,11.907853 L3,11.9 L7,11.9 Z" id="path3" fill="#000000" fill-rule="nonzero" opacity="0.800000012"></path>
+        <path d="M9.05025253,16.8497475 C9.38162338,16.8497475 9.65025253,17.1183766 9.65025253,17.4497475 C9.65025253,17.7479812 9.43266292,17.9953942 9.14757565,18.0418945 L9.05025253,18.0497475 L5.05025253,18.0497475 C4.71888168,18.0497475 4.45025253,17.7811183 4.45025253,17.4497475 C4.45025253,17.1515137 4.66784214,16.9041007 4.95292942,16.8576005 L5.05025253,16.8497475 L9.05025253,16.8497475 Z" id="path4" fill="#000000" fill-rule="nonzero" opacity="0.699999988" transform="translate(7.050253, 17.449747) scale(-1, 1) rotate(45.000000) translate(-7.050253, -17.449747) "></path>
+        <path d="M14,18.4 C14.3313708,18.4 14.6,18.6686292 14.6,19 C14.6,19.2982338 14.3824104,19.5456468 14.0973231,19.592147 L14,19.6 L10,19.6 C9.66862915,19.6 9.4,19.3313708 9.4,19 C9.4,18.7017662 9.61758961,18.4543532 9.90267688,18.407853 L10,18.4 L14,18.4 Z" id="path5" fill="#000000" fill-rule="nonzero" opacity="0.600000024" transform="translate(12.000000, 19.000000) rotate(90.000000) translate(-12.000000, -19.000000) "></path>
+        <path d="M18.9497475,16.8497475 C19.2811183,16.8497475 19.5497475,17.1183766 19.5497475,17.4497475 C19.5497475,17.7479812 19.3321579,17.9953942 19.0470706,18.0418945 L18.9497475,18.0497475 L14.9497475,18.0497475 C14.6183766,18.0497475 14.3497475,17.7811183 14.3497475,17.4497475 C14.3497475,17.1515137 14.5673371,16.9041007 14.8524244,16.8576005 L14.9497475,16.8497475 L18.9497475,16.8497475 Z" id="path6" fill="#000000" fill-rule="nonzero" opacity="0.5" transform="translate(16.949747, 17.449747) rotate(45.000000) translate(-16.949747, -17.449747) "></path>
+        <path d="M21,11.9 C21.3313708,11.9 21.6,12.1686292 21.6,12.5 C21.6,12.7982338 21.3824104,13.0456468 21.0973231,13.092147 L21,13.1 L17,13.1 C16.6686292,13.1 16.4,12.8313708 16.4,12.5 C16.4,12.2017662 16.6175896,11.9543532 16.9026769,11.907853 L17,11.9 L21,11.9 Z" id="path7" fill="#000000" fill-rule="nonzero" opacity="0.400000006"></path>
+        <path d="M18.9497475,6.95025253 C19.2811183,6.95025253 19.5497475,7.21888168 19.5497475,7.55025253 C19.5497475,7.8484863 19.3321579,8.09589928 19.0470706,8.14239954 L18.9497475,8.15025253 L14.9497475,8.15025253 C14.6183766,8.15025253 14.3497475,7.88162338 14.3497475,7.55025253 C14.3497475,7.25201877 14.5673371,7.00460578 14.8524244,6.95810552 L14.9497475,6.95025253 L18.9497475,6.95025253 Z" id="path8" fill="#000000" fill-rule="nonzero" opacity="0.300000012" transform="translate(16.949747, 7.550253) scale(-1, 1) rotate(45.000000) translate(-16.949747, -7.550253) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/minus.svg b/packages/opendesign/src/icons/svgs/fill/minus.svg
index a2c66c1f3..584343329 100644
--- a/packages/opendesign/src/icons/svgs/fill/minus.svg
+++ b/packages/opendesign/src/icons/svgs/fill/minus.svg
@@ -1,4 +1,7 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>minus</title>
-<path fill="currentColor" d="M7.333 17.333c-0.368 0-0.667-0.298-0.667-0.667v-1.333c0-0.368 0.298-0.667 0.667-0.667h17.333c0.368 0 0.667 0.298 0.667 0.667v1.333c0 0.368-0.298 0.667-0.667 0.667h-17.333z"></path>
-</svg>
+<?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>minus</title>
+    <g id="minus" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M20,11.3 C20.3865993,11.3 20.7,11.6134007 20.7,12 C20.7,12.3543827 20.4366564,12.6472582 20.0949859,12.6936098 L20,12.7 L4,12.7 C3.61340068,12.7 3.3,12.3865993 3.3,12 C3.3,11.6456173 3.56334362,11.3527418 3.90501415,11.3063902 L4,11.3 L20,11.3 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/more.svg b/packages/opendesign/src/icons/svgs/fill/more.svg
new file mode 100644
index 000000000..0d148b397
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/more.svg
@@ -0,0 +1,7 @@
+<?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>more</title>
+    <g id="more" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M8.53005181,12.8550885 C9.96599216,12.8550885 11.1300518,14.0191482 11.1300518,15.4550885 L11.1300518,15.4550885 L11.1300518,19.0235444 C11.1300518,20.4594847 9.96599216,21.6235444 8.53005181,21.6235444 L8.53005181,21.6235444 L4.94137632,21.6235444 C3.50543597,21.6235444 2.34137632,20.4594847 2.34137632,19.0235444 L2.34137632,19.0235444 L2.34137632,15.4550885 C2.34137632,14.0191482 3.50543597,12.8550885 4.94137632,12.8550885 L4.94137632,12.8550885 Z M19.2518497,12.8550885 C20.68779,12.8550885 21.8518497,14.0191482 21.8518497,15.4550885 L21.8518497,15.4550885 L21.8518497,19.0235444 C21.8518497,20.4594847 20.68779,21.6235444 19.2518497,21.6235444 L19.2518497,21.6235444 L15.6631742,21.6235444 C14.2272338,21.6235444 13.0631742,20.4594847 13.0631742,19.0235444 L13.0631742,19.0235444 L13.0631742,15.4550885 C13.0631742,14.0191482 14.2272338,12.8550885 15.6631742,12.8550885 L15.6631742,12.8550885 Z M8.53005181,14.0550885 L4.94137632,14.0550885 C4.16817767,14.0550885 3.54137632,14.6818899 3.54137632,15.4550885 L3.54137632,15.4550885 L3.54137632,19.0235444 C3.54137632,19.796743 4.16817767,20.4235444 4.94137632,20.4235444 L4.94137632,20.4235444 L8.53005181,20.4235444 C9.30325046,20.4235444 9.93005181,19.796743 9.93005181,19.0235444 L9.93005181,19.0235444 L9.93005181,15.4550885 C9.93005181,14.6818899 9.30325046,14.0550885 8.53005181,14.0550885 L8.53005181,14.0550885 Z M19.2518497,14.0550885 L15.6631742,14.0550885 C14.8899755,14.0550885 14.2631742,14.6818899 14.2631742,15.4550885 L14.2631742,15.4550885 L14.2631742,19.0235444 C14.2631742,19.796743 14.8899755,20.4235444 15.6631742,20.4235444 L15.6631742,20.4235444 L19.2518497,20.4235444 C20.0250483,20.4235444 20.6518497,19.796743 20.6518497,19.0235444 L20.6518497,19.0235444 L20.6518497,15.4550885 C20.6518497,14.6818899 20.0250483,14.0550885 19.2518497,14.0550885 L19.2518497,14.0550885 Z M8.53005181,2.37912566 C9.96599216,2.37912566 11.1300518,3.54318531 11.1300518,4.97912566 L11.1300518,4.97912566 L11.1300518,8.54758154 C11.1300518,9.98352189 9.96599216,11.1475815 8.53005181,11.1475815 L8.53005181,11.1475815 L4.94137632,11.1475815 C3.50543597,11.1475815 2.34137632,9.98352189 2.34137632,8.54758154 L2.34137632,8.54758154 L2.34137632,4.97912566 C2.34137632,3.54318531 3.50543597,2.37912566 4.94137632,2.37912566 L4.94137632,2.37912566 Z M19.2518497,2.37912566 C20.68779,2.37912566 21.8518497,3.54318531 21.8518497,4.97912566 L21.8518497,4.97912566 L21.8518497,8.54758154 C21.8518497,9.98352189 20.68779,11.1475815 19.2518497,11.1475815 L19.2518497,11.1475815 L15.6631742,11.1475815 C14.2272338,11.1475815 13.0631742,9.98352189 13.0631742,8.54758154 L13.0631742,8.54758154 L13.0631742,4.97912566 C13.0631742,3.54318531 14.2272338,2.37912566 15.6631742,2.37912566 L15.6631742,2.37912566 Z M8.53005181,3.57912566 L4.94137632,3.57912566 C4.16817767,3.57912566 3.54137632,4.20592701 3.54137632,4.97912566 L3.54137632,4.97912566 L3.54137632,8.54758154 C3.54137632,9.32078019 4.16817767,9.94758154 4.94137632,9.94758154 L4.94137632,9.94758154 L8.53005181,9.94758154 C9.30325046,9.94758154 9.93005181,9.32078019 9.93005181,8.54758154 L9.93005181,8.54758154 L9.93005181,4.97912566 C9.93005181,4.20592701 9.30325046,3.57912566 8.53005181,3.57912566 L8.53005181,3.57912566 Z M19.2518497,3.57912566 L15.6631742,3.57912566 C14.8899755,3.57912566 14.2631742,4.20592701 14.2631742,4.97912566 L14.2631742,4.97912566 L14.2631742,8.54758154 C14.2631742,9.32078019 14.8899755,9.94758154 15.6631742,9.94758154 L15.6631742,9.94758154 L19.2518497,9.94758154 C20.0250483,9.94758154 20.6518497,9.32078019 20.6518497,8.54758154 L20.6518497,8.54758154 L20.6518497,4.97912566 C20.6518497,4.20592701 20.0250483,3.57912566 19.2518497,3.57912566 L19.2518497,3.57912566 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/people.svg b/packages/opendesign/src/icons/svgs/fill/people.svg
new file mode 100644
index 000000000..36568e728
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/people.svg
@@ -0,0 +1,7 @@
+<?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>people</title>
+    <g id="people" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M11.6875,1.5 C14.8286195,1.5 17.375,4.04638049 17.375,7.1875 C17.375,10.3286195 14.8286195,12.875 11.6875,12.875 C11.4094303,12.875 11.1360214,12.8550445 10.8686274,12.8164876 C6.01689238,13.3755207 2.25,17.4978579 2.25,22.5 C2.25,22.9142136 1.91421356,23.25 1.5,23.25 C1.08578644,23.25 0.75,22.9142136 0.75,22.5 C0.75,17.54184 3.95748277,13.3328278 8.4106876,11.834724 C6.95209507,10.8065567 6,9.10821519 6,7.1875 C6,4.04638049 8.54638049,1.5 11.6875,1.5 Z M16.9367809,12.3884183 C20.7680158,14.2622207 23.25,18.1583718 23.25,22.5 C23.25,22.9142136 22.9142136,23.25 22.5,23.25 C22.0857864,23.25 21.75,22.9142136 21.75,22.5 C21.75,18.7367348 19.5991033,15.3603159 16.2777516,13.7358902 C15.9056575,13.5539043 15.7515444,13.1047337 15.9335303,12.7326396 C16.1155162,12.3605455 16.5646868,12.2064324 16.9367809,12.3884183 Z M11.6875,3.125 C9.4438432,3.125 7.625,4.9438432 7.625,7.1875 C7.625,9.4311568 9.4438432,11.25 11.6875,11.25 C13.9311568,11.25 15.75,9.4311568 15.75,7.1875 C15.75,4.9438432 13.9311568,3.125 11.6875,3.125 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/point.svg b/packages/opendesign/src/icons/svgs/fill/point.svg
new file mode 100644
index 000000000..71334af3e
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/point.svg
@@ -0,0 +1,7 @@
+<?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>point</title>
+    <g id="point" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 Z M12.0105392,15.5654968 C11.6791683,15.5654968 11.4105392,15.834126 11.4105392,16.1654968 C11.4105392,16.4968677 11.6791683,16.7654968 12.0105392,16.7654968 C12.34191,16.7654968 12.6105392,16.4968677 12.6105392,16.1654968 C12.6105392,15.834126 12.34191,15.5654968 12.0105392,15.5654968 Z M12.0091291,7.7980089 C11.7882152,7.7980089 11.6044816,7.95719655 11.5663793,8.16712083 L11.5591291,8.2480089 L11.5591291,14.2480089 C11.5591291,14.496537 11.760601,14.6980089 12.0091291,14.6980089 C12.230043,14.6980089 12.4137767,14.5388213 12.451879,14.328897 L12.4591291,14.2480089 L12.4591291,8.2480089 C12.4591291,7.99948076 12.2576573,7.7980089 12.0091291,7.7980089 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/point2.svg b/packages/opendesign/src/icons/svgs/fill/point2.svg
new file mode 100644
index 000000000..0f89784d8
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/point2.svg
@@ -0,0 +1,7 @@
+<?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>point2</title>
+    <g id="point2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,1.3 C13.1111573,1.3 14.2002822,1.46963392 15.2392212,1.79926977 C15.6077175,1.91618669 15.8116628,2.30969181 15.6947458,2.67818803 C15.5778289,3.04668426 15.1843238,3.25062958 14.8158276,3.13371265 C13.9134204,2.84739581 12.967074,2.7 12,2.7 C6.86375183,2.7 2.7,6.86375183 2.7,12 C2.7,17.1362482 6.86375183,21.3 12,21.3 C17.1362482,21.3 21.3,17.1362482 21.3,12 C21.3,9.02216479 19.8916528,6.28006422 17.5475533,4.53500342 C17.2374495,4.30414713 17.1732066,3.86561227 17.4040629,3.5555084 C17.6349192,3.24540453 18.073454,3.18116167 18.3835579,3.41201796 C21.0788388,5.41851516 22.7,8.57497193 22.7,12 C22.7,17.9094468 17.9094468,22.7 12,22.7 C6.09055318,22.7 1.3,17.9094468 1.3,12 C1.3,6.09055318 6.09055318,1.3 12,1.3 Z M12,16.75 C12.5522847,16.75 13,17.1977153 13,17.75 C13,18.3022847 12.5522847,18.75 12,18.75 C11.4477153,18.75 11,18.3022847 11,17.75 C11,17.1977153 11.4477153,16.75 12,16.75 Z M12,6 C12.3796958,6 12.693491,6.28215388 12.7431534,6.64822944 L12.75,6.75 L12.75,14.75 C12.75,15.1642136 12.4142136,15.5 12,15.5 C11.6203042,15.5 11.306509,15.2178461 11.2568466,14.8517706 L11.25,14.75 L11.25,6.75 C11.25,6.33578644 11.5857864,6 12,6 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/question.svg b/packages/opendesign/src/icons/svgs/fill/question.svg
new file mode 100644
index 000000000..e979dfd6e
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/question.svg
@@ -0,0 +1,7 @@
+<?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>question</title>
+    <g id="question" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,1.3 C13.1111573,1.3 14.2002822,1.46963392 15.2392212,1.79926977 C15.6077175,1.91618669 15.8116628,2.30969181 15.6947458,2.67818803 C15.5778289,3.04668426 15.1843238,3.25062958 14.8158276,3.13371265 C13.9134204,2.84739581 12.967074,2.7 12,2.7 C6.86375183,2.7 2.7,6.86375183 2.7,12 C2.7,17.1362482 6.86375183,21.3 12,21.3 C17.1362482,21.3 21.3,17.1362482 21.3,12 C21.3,9.02216479 19.8916528,6.28006422 17.5475533,4.53500342 C17.2374495,4.30414713 17.1732066,3.86561227 17.4040629,3.5555084 C17.6349192,3.24540453 18.073454,3.18116167 18.3835579,3.41201796 C21.0788388,5.41851516 22.7,8.57497193 22.7,12 C22.7,17.9094468 17.9094468,22.7 12,22.7 C6.09055318,22.7 1.3,17.9094468 1.3,12 C1.3,6.09055318 6.09055318,1.3 12,1.3 Z M12.25,16.7 C12.6642136,16.7 13,17.0357864 13,17.45 C13,17.8642136 12.6642136,18.2 12.25,18.2 C11.8357864,18.2 11.5,17.8642136 11.5,17.45 C11.5,17.0357864 11.8357864,16.7 12.25,16.7 Z M12.5,5.8 C14.8314519,5.8 16.4658763,7.37812474 16.4658763,9.68667152 C16.4658763,10.9303026 15.7942923,11.9133366 14.611104,12.8754944 L14.211427,13.1822689 L13.3609216,13.8246367 L13.2499787,13.9161889 C13.1341529,14.0264553 13.0469182,14.1741715 12.9862745,14.3582427 C12.9176969,14.5663959 12.8902003,14.7843733 12.8886492,15.0203272 L12.8968916,15.3325585 C12.8968916,15.7191578 12.583491,16.0325585 12.1968916,16.0325585 C11.8425089,16.0325585 11.5496334,15.7692148 11.5032818,15.4275443 L11.4933875,15.2604872 C11.4737119,14.7994748 11.506931,14.3743932 11.6565799,13.9201648 C11.7854181,13.5291034 11.989942,13.1827789 12.2846626,12.9022042 L12.3513916,12.8432842 L12.5667305,12.670559 L13.6613367,11.8416423 C13.6887053,11.8204972 13.7111924,11.8028255 13.7278224,11.7893021 C14.6159743,11.0670652 15.0658763,10.4085193 15.0658763,9.68667152 C15.0658763,8.16251722 14.0690212,7.2 12.5,7.2 C10.9536027,7.2 9.7,8.4536027 9.7,10 C9.7,10.3865993 9.38659932,10.7 9,10.7 C8.61340068,10.7 8.3,10.3865993 8.3,10 C8.3,7.68040405 10.1804041,5.8 12.5,5.8 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/refresh.svg b/packages/opendesign/src/icons/svgs/fill/refresh.svg
index 2acdac4c4..343e5d392 100644
--- a/packages/opendesign/src/icons/svgs/fill/refresh.svg
+++ b/packages/opendesign/src/icons/svgs/fill/refresh.svg
@@ -1,4 +1,7 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>refresh</title>
-<path fill="currentColor"  d="M27.327 13.329h-6.667c-0.368 0-0.667-0.298-0.667-0.667v-0.387c-0.003-0.181 0.070-0.355 0.2-0.48l2.373-2.373c-1.734-1.762-4.101-2.756-6.573-2.76-5.070 0.011-9.204 4.069-9.31 9.138s3.855 9.296 8.92 9.519c5.066 0.223 9.383-3.639 9.723-8.698 0.021-0.352 0.314-0.627 0.667-0.627h1.333c0.182 0.005 0.354 0.082 0.48 0.213 0.123 0.134 0.185 0.312 0.173 0.493-0.331 5.649-4.564 10.3-10.158 11.159s-11.027-2.306-13.038-7.596c-2.011-5.29-0.054-11.265 4.697-14.34s11.004-2.412 15.005 1.59l1.987-1.987c0.122-0.127 0.291-0.199 0.467-0.2h0.387c0.368 0 0.667 0.298 0.667 0.667v6.667c0 0.368-0.298 0.667-0.667 0.667z"></path>
-</svg>
+<?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>refresh</title>
+    <g id="refresh" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,2.25 C14.1964038,2.25 16.2727842,2.98151196 17.9484912,4.27347711 L19.1745793,2.81239384 C19.2278296,2.74893264 19.3224429,2.74065504 19.3859041,2.79390531 C19.4085896,2.81294066 19.4251329,2.83826502 19.4334495,2.86668701 L20.810388,7.5724211 C20.8336529,7.65192994 20.7880583,7.73524458 20.7085494,7.75850956 C20.6895425,7.76407115 20.6696224,7.76581393 20.6499385,7.76363735 L15.7765922,7.22475978 C15.6942514,7.21565482 15.634882,7.14152335 15.6439869,7.0591825 C15.6472417,7.02974816 15.6591362,7.0019358 15.6781715,6.97925035 L16.9833603,5.42372133 C15.5742533,4.35410098 13.8373821,3.75 12,3.75 C7.44365081,3.75 3.75,7.44365081 3.75,12 C3.75,16.5563492 7.44365081,20.25 12,20.25 C15.4120179,20.25 18.434271,18.1595612 19.6716043,15.0411554 C19.8243713,14.6561423 20.2603282,14.4678696 20.6453414,14.6206367 C21.0303545,14.7734037 21.2186272,15.2093606 21.0658602,15.5943738 C19.6036116,19.2796251 16.0320657,21.75 12,21.75 C6.61522369,21.75 2.25,17.3847763 2.25,12 C2.25,6.61522369 6.61522369,2.25 12,2.25 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/search.svg b/packages/opendesign/src/icons/svgs/fill/search.svg
index 846548ace..583797614 100644
--- a/packages/opendesign/src/icons/svgs/fill/search.svg
+++ b/packages/opendesign/src/icons/svgs/fill/search.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>search</title>
-<path fill="currentColor"  d="M14.667 4c5.891 0 10.667 4.776 10.667 10.667 0 2.464-0.836 4.733-2.239 6.539l4.448 4.451-1.886 1.886-4.449-4.449c-1.806 1.404-4.076 2.24-6.541 2.24-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667zM14.667 6.667c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.418 0 8-3.582 8-8s-3.582-8-8-8z"></path>
-</svg>
+<?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>search</title>
+    <defs>
+        <path d="M17.4552585,16.5201811 L20.8132621,19.8776019 C21.1061553,20.1704951 21.1061553,20.6453689 20.8132621,20.9382621 C20.5203689,21.2311553 20.0454951,21.2311553 19.7526019,20.9382621 L16.3849514,17.5705115 C16.7690371,17.2493647 17.1270214,16.8980393 17.4552585,16.5201811 Z M10.375,2 C15.0003848,2 18.75,5.74961522 18.75,10.375 C18.75,12.4492584 17.9959213,14.3473923 16.746948,15.8102175 L16.746948,15.8102175 L16.7248309,15.8360159 C16.6580095,15.9136422 16.5897889,15.9900296 16.5202083,16.0651391 L16.746948,15.8102175 C16.6540763,15.9189909 16.5584681,16.0253575 16.4602302,16.1292106 C16.4016383,16.1911476 16.342303,16.2519995 16.2820606,16.3119405 C16.2610861,16.3328082 16.240292,16.3532825 16.2193918,16.3736485 C16.1491692,16.4420866 16.0772901,16.5097189 16.0042335,16.576078 C15.9759275,16.6017907 15.9472456,16.6274881 15.9183866,16.6529896 C15.8514229,16.712158 15.7837649,16.7700565 15.7151861,16.8268826 C15.7013815,16.8383205 15.6877981,16.8495035 15.674179,16.8606444 C14.2305262,18.0415704 12.3854944,18.75 10.375,18.75 C5.74961522,18.75 2,15.0003848 2,10.375 C2,5.74961522 5.74961522,2 10.375,2 Z M10.375,3.5 C6.57804235,3.5 3.5,6.57804235 3.5,10.375 C3.5,14.1719577 6.57804235,17.25 10.375,17.25 C14.1719577,17.25 17.25,14.1719577 17.25,10.375 C17.25,6.57804235 14.1719577,3.5 10.375,3.5 Z" id="path-1"></path>
+    </defs>
+    <g id="search" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/star.svg b/packages/opendesign/src/icons/svgs/fill/star.svg
index 6deab4a7a..49c1dba81 100644
--- a/packages/opendesign/src/icons/svgs/fill/star.svg
+++ b/packages/opendesign/src/icons/svgs/fill/star.svg
@@ -1,4 +1,9 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>star</title>
-<path fill="currentColor" d="M2.935 13.139c-0.225-0.164-0.322-0.453-0.24-0.719l0.107-0.333c0.078-0.263 0.312-0.45 0.586-0.466l8.512-0.679 3.264-7.846c0.109-0.275 0.384-0.447 0.679-0.426h0.346c0.278-0.006 0.53 0.165 0.626 0.426l3.277 7.846 8.512 0.679c0.274 0.017 0.508 0.203 0.586 0.466l0.107 0.333c0.091 0.258 0.011 0.545-0.2 0.719l-6.42 5.515 1.971 8.273c0.065 0.265-0.035 0.543-0.253 0.706l-0.386 0.213c-0.225 0.152-0.521 0.152-0.746 0l-7.246-4.396-7.286 4.436c-0.225 0.152-0.521 0.152-0.746 0l-0.293-0.2c-0.218-0.163-0.318-0.441-0.253-0.706l1.918-8.326-6.42-5.515z"></path>
-</svg>
+<?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>star</title>
+    <g id="star" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10.9911719,4.19677717 C11.266147,3.6396168 11.9407261,3.41086043 12.4978864,3.68583551 C12.6753778,3.77343273 12.8258079,3.90588398 12.9349425,4.06895506 L13.0088281,4.19677717 L14.8068067,7.83987984 C14.8477742,7.92288894 14.9174088,7.98679257 15.001194,8.02104383 L15.0891584,8.04502033 L19.1095609,8.62921901 C19.7244239,8.71856383 20.1504405,9.28943704 20.0610957,9.90430001 C20.0326336,10.1001733 19.9531504,10.2841705 19.8317851,10.4383554 L19.7330509,10.5481241 L16.8238604,13.383884 C16.7575737,13.4484976 16.718316,13.5344713 16.7116321,13.62474 L16.7160116,13.7158083 L17.4027784,17.7199656 C17.5078095,18.3323441 17.0965232,18.9139195 16.4841447,19.0189507 C16.2890628,19.0524098 16.0895094,19.0336751 15.9053669,18.9658955 L15.7704602,18.9059142 L12.1745029,17.0154075 C12.092568,16.9723318 11.9986709,16.9615629 11.9107548,16.9831007 L11.8254971,17.0154075 L8.22953977,18.9059142 C7.67958961,19.1950401 6.99938406,18.9836002 6.71025815,18.4336501 C6.61815299,18.2584556 6.57430539,18.0628797 6.58186442,17.8668048 L6.59722163,17.7199656 L7.28398837,13.7158083 C7.29963654,13.6245725 7.28086257,13.5319432 7.23321131,13.4549856 L7.17613963,13.383884 L4.26694906,10.5481241 C3.82203003,10.1144352 3.81292619,9.40218277 4.24661505,8.95726375 C4.3847728,8.81552848 4.55722688,8.71339066 4.74604113,8.65998922 L4.8904391,8.62921901 L8.9108416,8.04502033 C9.00244758,8.0317092 9.08474182,7.98523007 9.14320775,7.91612983 L9.19319326,7.83987984 L10.9911719,4.19677717 Z M12,5.5425 L10.5382974,8.50372841 C10.3301938,8.9253923 9.97290249,9.25052491 9.52587357,9.42336735 L9.32896894,9.48795623 L9.12653907,9.52943085 L5.8575,10.0035 L8.22315717,12.3097545 C8.55987582,12.637974 8.75868622,13.0782498 8.78492962,13.5568108 L8.76240086,13.9693759 L8.2035,17.2245 L11.1274854,15.6877104 C11.5436925,15.4688973 12.0238554,15.4158701 12.4871037,15.5387946 L12.6843672,15.6022788 L12.8725146,15.6877104 L15.795,17.2245 L15.2375991,13.9693759 C15.1581107,13.5059224 15.2560572,13.032874 15.516117,12.6302846 L15.6374518,12.4622934 L15.7768428,12.3097545 L18.141,10.0035 L14.8734609,9.52943085 C14.4081272,9.46181391 13.9884986,9.22248117 13.6859762,8.85074266 L13.5637016,8.68343429 L13.4617026,8.50372841 L12,5.5425 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+        <path d="M11.9928853,5 L11.999,5.014 L11.9995314,15.9708168 C11.71522,15.97424 11.4315958,16.0337463 11.1657433,16.149114 L11.0088647,16.2248424 L7.68064445,18 L8.34101769,14.4241723 C8.47378827,13.7052384 8.23393935,12.9679316 7.70359693,12.4647111 L7.70359693,12.4647111 L5,9.89937725 L8.72489524,9.43268061 C9.44576132,9.34236242 10.0729584,8.89576099 10.3941139,8.24409816 L10.3941139,8.24409816 L11.9928853,5 Z" id="path2" fill="#000000"></path>
+        <path d="M18.9117245,4.9924787 L18.9178393,5.0064787 L18.9183706,15.9632955 C18.6340593,15.9667187 18.350435,16.026225 18.0845826,16.1415927 L17.9277039,16.2173211 L14.5994837,17.9924787 L15.259857,14.416651 C15.3926275,13.6977171 15.1527786,12.9604103 14.6224362,12.4571898 L14.6224362,12.4571898 L11.9188393,9.89185596 L15.6437345,9.42515931 C16.3646006,9.33484112 16.9917977,8.88823969 17.3129531,8.23657686 L17.3129531,8.23657686 L18.9117245,4.9924787 Z" id="path3" fill="#000000" transform="translate(15.418839, 11.492479) scale(-1, 1) translate(-15.418839, -11.492479) "></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/success.svg b/packages/opendesign/src/icons/svgs/fill/success.svg
new file mode 100644
index 000000000..b30fa773b
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/success.svg
@@ -0,0 +1,7 @@
+<?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>success</title>
+    <g id="success" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M17.5273407,8.17880283 C17.2947199,7.94280666 16.9148308,7.94007041 16.6788346,8.17269124 L16.6788346,8.17269124 L10.9620319,13.8060001 L7.96367155,11.522261 L7.88149993,11.4695231 C7.62655522,11.3337283 7.30353271,11.3986504 7.12278332,11.6358698 C6.92195067,11.8994469 6.97281509,12.2759254 7.23639218,12.4767581 L7.23639218,12.4767581 L10.649332,15.0772486 L10.7318153,15.1301152 C10.9597471,15.2512133 11.2450884,15.2136852 11.434169,15.027309 L11.434169,15.027309 L17.5212291,9.02730895 L17.5912524,8.94471369 C17.7549277,8.71204477 17.7341148,8.3885772 17.5273407,8.17880283 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/time.svg b/packages/opendesign/src/icons/svgs/fill/time.svg
new file mode 100644
index 000000000..76ef05472
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/time.svg
@@ -0,0 +1,7 @@
+<?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>time</title>
+    <g id="time" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,1.5 C13.1256698,1.5 14.2282637,1.67743667 15.2772316,2.02176555 C15.6707846,2.15095124 15.8850966,2.57471465 15.7559109,2.96826761 C15.6267252,3.36182057 15.2029618,3.57613258 14.8094088,3.44694688 C13.9109691,3.15202963 12.9662549,3 12,3 C7.02943725,3 3,7.02943725 3,12 C3,16.9705627 7.02943725,21 12,21 C16.9705627,21 21,16.9705627 21,12 C21,9.2045643 19.7182302,6.62190938 17.5633145,4.92490866 C17.2378936,4.66863902 17.1818355,4.19708569 17.4381051,3.87166481 C17.6943747,3.54624393 18.1659281,3.49018577 18.4913489,3.74645541 C21.0036694,5.72491311 22.5,8.73988948 22.5,12 C22.5,17.7989899 17.7989899,22.5 12,22.5 C6.20101013,22.5 1.5,17.7989899 1.5,12 C1.5,6.20101013 6.20101013,1.5 12,1.5 Z M12.75,5.77111816 C13.1642136,5.77111816 13.5,6.1069046 13.5,6.52111816 L13.5,13.0853745 L9.88397284,16.3201635 C9.57525817,16.5963304 9.10111802,16.5699451 8.82495117,16.2612305 C8.54875835,15.9524868 8.57506861,15.4783213 8.88372359,15.2020293 L12,12.4125 L12,6.52111816 C12,6.1069046 12.3357864,5.77111816 12.75,5.77111816 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/tips.svg b/packages/opendesign/src/icons/svgs/fill/tips.svg
new file mode 100644
index 000000000..fd91e63eb
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/tips.svg
@@ -0,0 +1,7 @@
+<?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>tips</title>
+    <g id="tips" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12.0105182,9.96922826 C11.6791474,9.96922826 11.4105182,10.2378574 11.4105182,10.5692283 L11.4105182,10.5692283 L11.4105182,16.5692283 L11.4183712,16.6665514 C11.4648715,16.9516386 11.7122845,17.1692283 12.0105182,17.1692283 C12.3418891,17.1692283 12.6105182,16.9005991 12.6105182,16.5692283 L12.6105182,16.5692283 L12.6105182,10.5692283 L12.6026652,10.4719051 C12.556165,10.1868179 12.308752,9.96922826 12.0105182,9.96922826 Z M12.0099632,7.4638735 C11.5681354,7.4638735 11.2099632,7.8220457 11.2099632,8.2638735 C11.2099632,8.7057013 11.5681354,9.0638735 12.0099632,9.0638735 C12.451791,9.0638735 12.8099632,8.7057013 12.8099632,8.2638735 C12.8099632,7.8220457 12.451791,7.4638735 12.0099632,7.4638735 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/tips2.svg b/packages/opendesign/src/icons/svgs/fill/tips2.svg
new file mode 100644
index 000000000..2d18a3b29
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/tips2.svg
@@ -0,0 +1,7 @@
+<?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>tips2</title>
+    <g id="tips2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,1.3 C13.1111573,1.3 14.2002822,1.46963392 15.2392212,1.79926977 C15.6077175,1.91618669 15.8116628,2.30969181 15.6947458,2.67818803 C15.5778289,3.04668426 15.1843238,3.25062958 14.8158276,3.13371265 C13.9134204,2.84739581 12.967074,2.7 12,2.7 C6.86375183,2.7 2.7,6.86375183 2.7,12 C2.7,17.1362482 6.86375183,21.3 12,21.3 C17.1362482,21.3 21.3,17.1362482 21.3,12 C21.3,9.02216479 19.8916528,6.28006422 17.5475533,4.53500342 C17.2374495,4.30414713 17.1732066,3.86561227 17.4040629,3.5555084 C17.6349192,3.24540453 18.073454,3.18116167 18.3835579,3.41201796 C21.0788388,5.41851516 22.7,8.57497193 22.7,12 C22.7,17.9094468 17.9094468,22.7 12,22.7 C6.09055318,22.7 1.3,17.9094468 1.3,12 C1.3,6.09055318 6.09055318,1.3 12,1.3 Z M12,8.5 C12.3796958,8.5 12.693491,8.78215388 12.7431534,9.14822944 L12.75,9.25 L12.75,17.25 C12.75,17.6642136 12.4142136,18 12,18 C11.6203042,18 11.306509,17.7178461 11.2568466,17.3517706 L11.25,17.25 L11.25,9.25 C11.25,8.83578644 11.5857864,8.5 12,8.5 Z M12,5.75 C12.5522847,5.75 13,6.19771525 13,6.75 C13,7.30228475 12.5522847,7.75 12,7.75 C11.4477153,7.75 11,7.30228475 11,6.75 C11,6.19771525 11.4477153,5.75 12,5.75 Z" id="path1" fill="#000000"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/x.svg b/packages/opendesign/src/icons/svgs/fill/x.svg
index d739028ec..7c2612ea2 100644
--- a/packages/opendesign/src/icons/svgs/fill/x.svg
+++ b/packages/opendesign/src/icons/svgs/fill/x.svg
@@ -1,4 +1,13 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>cancel</title>
-<path fill="currentColor"  d="M23.797 21.917c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-0.933 0.933c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-5.92-5.92-5.92 5.92c-0.125 0.126-0.296 0.197-0.473 0.197s-0.348-0.071-0.473-0.197l-0.933-0.933c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l5.92-5.92-5.92-5.92c-0.126-0.125-0.197-0.296-0.197-0.473s0.071-0.348 0.197-0.473l0.933-0.933c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l5.92 5.92 5.92-5.92c0.125-0.126 0.296-0.197 0.473-0.197s0.348 0.071 0.473 0.197l0.933 0.933c0.126 0.125 0.197 0.296 0.197 0.473s-0.071 0.348-0.197 0.473l-5.92 5.92 5.92 5.92z"></path>
-</svg>
+<?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>x</title>
+    <defs>
+        <path d="M19.7781746,4.22182541 C20.0710678,4.51471863 20.0710678,4.98959236 19.7781746,5.28248558 L5.28248558,19.7781746 C4.98959236,20.0710678 4.51471863,20.0710678 4.22182541,19.7781746 C3.92893219,19.4852814 3.92893219,19.0104076 4.22182541,18.7175144 L10.9395166,11.9994697 L4.22182541,5.28248558 C3.92893219,4.98959236 3.92893219,4.51471863 4.22182541,4.22182541 C4.51471863,3.92893219 4.98959236,3.92893219 5.28248558,4.22182541 L12,10.9389863 L18.7175144,4.22182541 C19.0104076,3.92893219 19.4852814,3.92893219 19.7781746,4.22182541 Z M19.7781746,18.7175144 C20.0710678,19.0104076 20.0710678,19.4852814 19.7781746,19.7781746 C19.4852814,20.0710678 19.0104076,20.0710678 18.7175144,19.7781746 L12.7072836,13.7675902 L13.767767,12.7071068 L19.7781746,18.7175144 Z" id="path-1"></path>
+    </defs>
+    <g id="x" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="path1" fill="#000000" xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/opendesign/src/icons/svgs/fill/x2.svg b/packages/opendesign/src/icons/svgs/fill/x2.svg
new file mode 100644
index 000000000..8751e0972
--- /dev/null
+++ b/packages/opendesign/src/icons/svgs/fill/x2.svg
@@ -0,0 +1,7 @@
+<?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>x2</title>
+    <g id="x2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M12,1.25 C13.1163031,1.25 14.2105272,1.42042814 15.2543424,1.75161109 C15.6491598,1.87687923 15.8676727,2.29849185 15.7424045,2.69330924 C15.6171364,3.08812662 15.1955238,3.30663946 14.8007064,3.18137133 C13.9031753,2.8966016 12.9619282,2.75 12,2.75 C6.89136606,2.75 2.75,6.89136606 2.75,12 C2.75,17.1086339 6.89136606,21.25 12,21.25 C17.1086339,21.25 21.25,17.1086339 21.25,12 C21.25,9.03813596 19.8492533,6.31083383 17.517696,4.57511005 C17.1854419,4.32776402 17.1166102,3.85790524 17.3639563,3.5256511 C17.6113023,3.19339695 18.0811611,3.12456531 18.4134152,3.37191134 C21.1212383,5.38774555 22.75,8.55900076 22.75,12 C22.75,17.9370611 17.9370611,22.75 12,22.75 C6.06293894,22.75 1.25,17.9370611 1.25,12 C1.25,6.06293894 6.06293894,1.25 12,1.25 Z M15.8137087,7.16302719 C16.1060109,6.96053311 16.5101475,6.98946084 16.770497,7.24981036 C17.0633902,7.54270358 17.0633902,8.01757732 16.770497,8.31047054 L16.770497,8.31047054 L13.058,12.022 L16.770497,15.7350917 C17.0633902,16.027985 17.0633902,16.5028587 16.770497,16.7957519 C16.5101475,17.0561014 16.1060109,17.0850292 15.8137087,16.8825351 L15.7098368,16.7957519 L11.997,13.083 L8.28521562,16.7957519 L8.18134379,16.8825351 C7.88904157,17.0850292 7.48490497,17.0561014 7.22455544,16.7957519 C6.93166223,16.5028587 6.93166223,16.027985 7.22455544,15.7350917 L7.22455544,15.7350917 L10.936,12.022 L7.22455544,8.31047054 C6.93166223,8.01757732 6.93166223,7.54270358 7.22455544,7.24981036 C7.48490497,6.98946084 7.88904157,6.96053311 8.18134379,7.16302719 L8.28521562,7.24981036 L11.997,10.961 L15.7098368,7.24981036 Z" id="path1" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
-- 
Gitee