diff --git a/package.json b/package.json
index 39c4777..601a2c6 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,8 @@
     "husky": "husky install",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=chpt_4838cf564671b5e"
+    "chromatic": "npx chromatic --project-token=chpt_4838cf564671b5e",
+    "svgo": "svgo -f src/assets/wed_icon --recursive"
   },
   "dependencies": {
     "@svgr/webpack": "^8.1.0",
@@ -66,6 +67,7 @@
     "postcss": "^8",
     "prettier": "^3.4.2",
     "storybook": "^8.5.2",
+    "svgo": "^3.3.2",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.6.3",
     "webpack": "^5.96.1",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c8f7623..be8e5b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,20 +1,20 @@
+import LeftArrow from '@/assets/wed_icon/icon_16/leftarrow_default.svg';
 import { Button } from '@/components/atoms/button';
 import Image from 'next/image';
-import LeftArrow from '@/assets/left_arrow.svg';
 
 import LoginButton from '@/features/components/LoginButton';
 
 export default function Home() {
   return (
-    <div className="flex flex-col items-center justify-center">
+    <div className='flex flex-col items-center justify-center'>
       <Image
-        src="/icon512_rounded.png"
-        alt="Next.js logo"
+        src='/icon512_rounded.png'
+        alt='Next.js logo'
         width={180}
         height={38}
         priority
       />
-      <div className="w-[96px]">
+      <div className='w-[96px]'>
         <Button>
           <LeftArrow />
           <span>text</span>
diff --git a/src/assets/close_20.svg b/src/assets/close_20.svg
deleted file mode 100644
index 8515bbb..0000000
--- a/src/assets/close_20.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.34478 4.34467C4.63768 4.05178 5.1125 4.05173 5.40533 4.34456L15.6562 14.5954C15.949 14.8882 15.949 15.3631 15.6561 15.6559C15.3632 15.9488 14.8883 15.9489 14.5955 15.6561L4.34467 5.40522C4.05184 5.11239 4.05189 4.63756 4.34478 4.34467Z" fill="#A9AABC"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.34467 15.6562C4.05178 15.3633 4.05173 14.8885 4.34456 14.5956L14.5954 4.3448C14.8882 4.05197 15.3631 4.05202 15.6559 4.34492C15.9488 4.63781 15.9489 5.11263 15.6561 5.40546L5.40522 15.6563C5.11239 15.9491 4.63756 15.9491 4.34467 15.6562Z" fill="#A9AABC"/>
-</svg>
diff --git a/src/assets/down_arrow.svg b/src/assets/down_arrow.svg
deleted file mode 100644
index ab987b4..0000000
--- a/src/assets/down_arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73287 0.176288C9.41594 -0.0904055 8.94281 -0.0496764 8.67612 0.267258L5.19176 4.40803C5.09187 4.52674 4.90911 4.52675 4.8092 4.40806L1.32378 0.267179C1.05704 -0.0497189 0.583911 -0.0903826 0.267014 0.176354C-0.0498848 0.443091 -0.0905485 0.91622 0.176188 1.23312L3.66161 5.374C4.36094 6.20484 5.64027 6.20475 6.33948 5.37381L9.82384 1.23304C10.0905 0.916105 10.0498 0.442981 9.73287 0.176288Z" fill="current"/>
-</svg>
diff --git a/src/assets/images/profile_heart.png b/src/assets/images/profile_heart.png
deleted file mode 100644
index 409f19c..0000000
Binary files a/src/assets/images/profile_heart.png and /dev/null differ
diff --git a/src/assets/left_arrow.svg b/src/assets/left_arrow.svg
deleted file mode 100644
index b334520..0000000
--- a/src/assets/left_arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="6" height="10" viewBox="0 0 6 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.82371 0.267126C6.09041 0.584061 6.04968 1.05719 5.73274 1.32388L1.59197 4.80824C1.47326 4.90813 1.47325 5.09089 1.59194 5.1908L5.73282 8.67622C6.04972 8.94296 6.09038 9.41609 5.82365 9.73299C5.55691 10.0499 5.08378 10.0905 4.76688 9.82381L0.626 6.33839C-0.204837 5.63906 -0.204746 4.35973 0.626185 3.66052L4.76696 0.176156C5.0839 -0.0905374 5.55702 -0.0498085 5.82371 0.267126Z" fill="current"/>
-</svg>
diff --git a/src/assets/left_arrow_28.svg b/src/assets/left_arrow_28.svg
deleted file mode 100644
index 51e41fa..0000000
--- a/src/assets/left_arrow_28.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8253 4.76882C20.091 5.08654 20.0489 5.55954 19.7312 5.8253L9.5896 14.3083C9.47013 14.4082 9.47013 14.5918 9.5896 14.6918L19.7312 23.1747C20.0489 23.4405 20.091 23.9135 19.8253 24.2312C19.5595 24.5489 19.0865 24.5911 18.7688 24.3253L8.62721 15.8423C7.79093 15.1428 7.79093 13.8572 8.62721 13.1577L18.7688 4.67474C19.0865 4.40898 19.5595 4.4511 19.8253 4.76882Z" fill="#C6C6D2"/>
-</svg>
diff --git a/src/assets/navigation/calendar.svg b/src/assets/navigation/calendar.svg
deleted file mode 100644
index a50c8c8..0000000
--- a/src/assets/navigation/calendar.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_6_766)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5 0C5.78897 0 6.42857 0.639593 6.42857 1.42857V2.85714H13.5716V1.42857C13.5716 0.639593 14.2112 0 15.0001 0C15.7891 0 16.4287 0.639593 16.4287 1.42857V2.85714H17.8571C19.0406 2.85714 20 3.81653 20 5V6.42857H0V5C0 3.81653 0.95939 2.85714 2.14286 2.85714H3.57143V1.42857C3.57143 0.639593 4.21103 0 5 0Z" fill="#364354"/>
-<path d="M0 6.42859H20V17.8572C20 19.0406 19.0406 20 17.8571 20H2.14286C0.95939 20 0 19.0406 0 17.8572V6.42859Z" fill="#565D70"/>
-</g>
-<defs>
-<clipPath id="clip0_6_766">
-<rect width="20" height="20" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/assets/navigation/notification.svg b/src/assets/navigation/notification.svg
deleted file mode 100644
index 5549eea..0000000
--- a/src/assets/navigation/notification.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.264966 14.2436C-0.382005 15.8431 0.198715 17.6766 1.64852 18.6119C6.73301 21.8923 13.267 21.8923 18.3515 18.6119C19.8013 17.6766 20.382 15.8431 19.7351 14.2436L18.8442 12.0411C18.7187 11.7309 18.6542 11.3994 18.6542 11.0648V8.65417C18.6542 3.8746 14.7796 0 10 0C5.22045 0 1.34585 3.8746 1.34585 8.65417V11.0648C1.34585 11.3994 1.28135 11.7309 1.15588 12.0411L0.264966 14.2436ZM17.1542 11.0648V8.65417C17.1542 4.70303 13.9512 1.5 10 1.5C6.04888 1.5 2.84585 4.70303 2.84585 8.65417V11.0648C2.84585 11.5922 2.74419 12.1146 2.54643 12.6035L1.65552 14.8061C1.27853 15.7381 1.61691 16.8065 2.46171 17.3515C7.05112 20.3124 12.9489 20.3124 17.5383 17.3515C18.3831 16.8065 18.7215 15.7381 18.3445 14.8061L17.4536 12.6035C17.2558 12.1146 17.1542 11.5922 17.1542 11.0648Z" fill="#A9AABC"/>
-<path d="M10 24C12.2091 24 14 22.2091 14 20H6C6 22.2091 7.79086 24 10 24Z" fill="#A9AABC"/>
-</svg>
diff --git a/src/assets/navigation/task.svg b/src/assets/navigation/task.svg
deleted file mode 100644
index 07d724d..0000000
--- a/src/assets/navigation/task.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 9.79248C9.67116 9.79248 9.34577 9.86008 9.0441 9.99108L0.883691 13.799L0.864081 13.8085C0.613794 13.9347 0.403461 14.128 0.256505 14.3667C0.109549 14.6054 0.0317383 14.8802 0.0317383 15.1606C0.0317383 15.4409 0.109549 15.7157 0.256505 15.9544C0.403461 16.1932 0.613792 16.3863 0.864081 16.5126L0.885559 16.523L9.02833 20.2946L9.0441 20.3014C9.34577 20.4324 9.67116 20.5 10 20.5C10.3289 20.5 10.6544 20.4327 10.9561 20.3017L19.1163 16.4936L19.136 16.484C19.3863 16.3577 19.5966 16.1646 19.7436 15.9259C19.8905 15.6872 19.9683 15.4123 19.9683 15.132C19.9683 14.8516 19.8905 14.5768 19.7436 14.3381C19.5966 14.0994 19.3863 13.9062 19.136 13.7799L19.1145 13.7695L10.9717 9.99792L10.956 9.99108C10.6543 9.86008 10.3289 9.79248 10 9.79248Z" fill="#565D70"/>
-<path d="M10 5.14618C9.67116 5.14618 9.34577 5.21378 9.0441 5.34476L0.883691 9.15268L0.864081 9.16219C0.613794 9.28844 0.403461 9.48166 0.256505 9.72038C0.109549 9.95909 0.0317383 10.2339 0.0317383 10.5142C0.0317383 10.7946 0.109549 11.0694 0.256505 11.3081C0.403461 11.5468 0.613792 11.74 0.864081 11.8663L0.885559 11.8767L9.02833 15.6483L9.0441 15.6551C9.34577 15.7861 9.67116 15.8537 10 15.8537C10.3289 15.8537 10.6544 15.7864 10.9561 15.6554L19.1163 11.8472L19.136 11.8377C19.3863 11.7115 19.5966 11.5182 19.7436 11.2795C19.8905 11.0408 19.9683 10.766 19.9683 10.4857C19.9683 10.2054 19.8905 9.93052 19.7436 9.69181C19.5966 9.45309 19.3863 9.25986 19.136 9.13362L19.1145 9.12324L10.9717 5.35162L10.956 5.34476C10.6543 5.21378 10.3289 5.14618 10 5.14618Z" fill="#364354"/>
-<path d="M10 0.5C9.67116 0.5 9.34577 0.567596 9.0441 0.698593L0.883691 4.5065L0.864081 4.51601C0.613794 4.64226 0.403461 4.8355 0.256505 5.0742C0.109549 5.31291 0.0317383 5.58774 0.0317383 5.86806C0.0317383 6.14839 0.109549 6.4232 0.256505 6.66191C0.403461 6.90063 0.613792 7.09386 0.864081 7.2201L0.885559 7.23049L9.02833 11.0021L9.0441 11.009C9.34577 11.14 9.67116 11.2075 10 11.2075C10.3289 11.2075 10.6544 11.1402 10.9561 11.0092L19.1163 7.20104L19.136 7.19153C19.3863 7.06529 19.5966 6.87206 19.7436 6.63334C19.8905 6.39463 19.9683 6.11981 19.9683 5.83949C19.9683 5.55917 19.8905 5.28434 19.7436 5.04563C19.5966 4.80691 19.3863 4.61369 19.136 4.48744L19.1145 4.47706L10.9717 0.705443L10.956 0.698593C10.6543 0.567596 10.3289 0.5 10 0.5Z" fill="#565D70"/>
-</svg>
diff --git a/src/assets/navigation/user.svg b/src/assets/navigation/user.svg
deleted file mode 100644
index e686495..0000000
--- a/src/assets/navigation/user.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.99909 9.12989C10.4512 9.12989 12.4391 7.14205 12.4391 4.68994C12.4391 2.23784 10.4512 0.25 7.99909 0.25C5.54695 0.25 3.55908 2.23784 3.55908 4.68994C3.55908 7.14205 5.54695 9.12989 7.99909 9.12989Z" fill="#565D70"/>
-<path d="M0.600098 18.0098C0.600098 13.923 3.9132 10.6099 8.00012 10.6099C12.087 10.6099 15.4001 13.923 15.4001 18.0098C15.4001 18.4185 15.0688 18.7498 14.6601 18.7498H1.3401C0.931408 18.7498 0.600098 18.4185 0.600098 18.0098Z" fill="#565D70"/>
-</svg>
diff --git a/src/assets/plus_20.svg b/src/assets/plus_20.svg
deleted file mode 100644
index f987f5d..0000000
--- a/src/assets/plus_20.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 2C10.4142 2 10.75 2.33579 10.75 2.75L10.75 17.25C10.75 17.6642 10.4142 18 10 18C9.58579 18 9.25 17.6642 9.25 17.25L9.25 2.75C9.25 2.33579 9.58579 2 10 2Z" fill="#A9AABC"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 10C2 9.58579 2.33579 9.25 2.75 9.25H17.25C17.6642 9.25 18 9.58579 18 10C18 10.4142 17.6642 10.75 17.25 10.75L2.75 10.75C2.33579 10.75 2 10.4142 2 10Z" fill="#A9AABC"/>
-</svg>
diff --git a/src/assets/right_arrow.svg b/src/assets/right_arrow.svg
deleted file mode 100644
index c0d8765..0000000
--- a/src/assets/right_arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="6" height="10" viewBox="0 0 6 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0.176288 0.267126C-0.0904055 0.584061 -0.0496764 1.05719 0.267258 1.32388L4.40803 4.80824C4.52674 4.90813 4.52675 5.09089 4.40806 5.1908L0.267179 8.67622C-0.0497189 8.94296 -0.0903826 9.41609 0.176354 9.73299C0.443091 10.0499 0.91622 10.0905 1.23312 9.82381L5.374 6.33839C6.20484 5.63906 6.20475 4.35973 5.37381 3.66052L1.23304 0.176156C0.916105 -0.0905374 0.442981 -0.0498085 0.176288 0.267126Z" fill="current"/>
-</svg>
diff --git a/src/assets/three_dots.svg b/src/assets/three_dots.svg
deleted file mode 100644
index b86fbc4..0000000
--- a/src/assets/three_dots.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="3.5" cy="10" r="1.5" fill="#A9AABC"/>
-<circle cx="10" cy="10" r="1.5" fill="#A9AABC"/>
-<circle cx="16.5" cy="10" r="1.5" fill="#A9AABC"/>
-</svg>
diff --git a/src/assets/top_arrow.svg b/src/assets/top_arrow.svg
deleted file mode 100644
index cbcc0d8..0000000
--- a/src/assets/top_arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="10" height="6" viewBox="0 0 10 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73287 5.82371C9.41594 6.09041 8.94281 6.04968 8.67612 5.73274L5.19176 1.59197C5.09187 1.47326 4.90911 1.47325 4.8092 1.59194L1.32378 5.73282C1.05704 6.04972 0.583911 6.09038 0.267014 5.82365C-0.0498848 5.55691 -0.0905485 5.08378 0.176188 4.76688L3.66161 0.626C4.36094 -0.204837 5.64027 -0.204746 6.33948 0.626185L9.82384 4.76696C10.0905 5.0839 10.0498 5.55702 9.73287 5.82371Z" fill="current"/>
-</svg>
diff --git a/src/assets/upload.svg b/src/assets/upload.svg
deleted file mode 100644
index cd1a085..0000000
--- a/src/assets/upload.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.75 9.80957L9.28101 3.05335C9.67409 2.64671 10.3259 2.64671 10.719 3.05335L17.25 9.80957" stroke="#BF9BFD" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M10 3.25V17.25" stroke="#BF9BFD" stroke-width="1.5" stroke-linecap="round"/>
-</svg>
diff --git a/src/assets/upload_active.svg b/src/assets/upload_active.svg
deleted file mode 100644
index 1393336..0000000
--- a/src/assets/upload_active.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.75 9.80957L9.28101 3.05335C9.67409 2.64671 10.3259 2.64671 10.719 3.05335L17.25 9.80957" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M10 3.25V17.25" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
-</svg>
diff --git a/src/assets/wed_icon/icon_16/check_active.svg b/src/assets/wed_icon/icon_16/check_active.svg
new file mode 100644
index 0000000..6423546
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/check_active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#fff" fill-rule="evenodd" d="M14.682 2.887a.75.75 0 0 1 .181 1.045l-6.046 8.58a1.75 1.75 0 0 1-2.702.195l-4.91-5.192a.75.75 0 0 1 1.09-1.03l4.91 5.192a.25.25 0 0 0 .386-.028l6.046-8.58a.75.75 0 0 1 1.045-.182" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/check_default.svg b/src/assets/wed_icon/icon_16/check_default.svg
new file mode 100644
index 0000000..63b8f04
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/check_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M14.682 2.887a.75.75 0 0 1 .181 1.045l-6.046 8.58a1.75 1.75 0 0 1-2.702.195l-4.91-5.192a.75.75 0 0 1 1.09-1.03l4.91 5.192a.25.25 0 0 0 .386-.028l6.046-8.58a.75.75 0 0 1 1.045-.182" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/downarrow_default_gray 600.svg b/src/assets/wed_icon/icon_16/downarrow_default_gray 600.svg
new file mode 100644
index 0000000..fa960c3
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/downarrow_default_gray 600.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#8C8EA6" fill-rule="evenodd" d="M13.8 5.24a.75.75 0 0 0-1.06-.04L8.171 9.43a.25.25 0 0 1-.34 0L3.26 5.2a.75.75 0 0 0-1.018 1.1l4.572 4.232a1.75 1.75 0 0 0 2.378 0L13.76 6.3a.75.75 0 0 0 .04-1.06" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/downarrow_default_gray 800.svg b/src/assets/wed_icon/icon_16/downarrow_default_gray 800.svg
new file mode 100644
index 0000000..ad8fa09
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/downarrow_default_gray 800.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C6C6D2" fill-rule="evenodd" d="M13.8 5.24a.75.75 0 0 0-1.06-.04L8.171 9.43a.25.25 0 0 1-.34 0L3.26 5.2a.75.75 0 0 0-1.018 1.1l4.572 4.232a1.75 1.75 0 0 0 2.378 0L13.76 6.3a.75.75 0 0 0 .04-1.06" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/leftarrow_default.svg b/src/assets/wed_icon/icon_16/leftarrow_default.svg
new file mode 100644
index 0000000..d0f21ad
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/leftarrow_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C6C6D2" fill-rule="evenodd" d="M10.76 2.2a.75.75 0 0 1 .04 1.06L6.57 7.829a.25.25 0 0 0 0 .34l4.23 4.572a.75.75 0 0 1-1.1 1.018L5.469 9.187a1.75 1.75 0 0 1 0-2.378l4.23-4.569a.75.75 0 0 1 1.06-.04" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/plus_default.svg b/src/assets/wed_icon/icon_16/plus_default.svg
new file mode 100644
index 0000000..bb242b6
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/plus_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#C6C6D2" stroke-linecap="round" stroke-width="1.5" d="M3.5 8h9M8 12.5v-9"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/rightarrow_default_gray 600.svg b/src/assets/wed_icon/icon_16/rightarrow_default_gray 600.svg
new file mode 100644
index 0000000..6674076
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/rightarrow_default_gray 600.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#8C8EA6" fill-rule="evenodd" d="M5.24 2.2a.75.75 0 0 0-.04 1.06l4.23 4.569a.25.25 0 0 1 0 .34L5.2 12.74a.75.75 0 0 0 1.1 1.018l4.232-4.572a1.75 1.75 0 0 0 0-2.378L6.3 2.24a.75.75 0 0 0-1.06-.04" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/rightarrow_default_gray 800.svg b/src/assets/wed_icon/icon_16/rightarrow_default_gray 800.svg
new file mode 100644
index 0000000..662b29f
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/rightarrow_default_gray 800.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C6C6D2" fill-rule="evenodd" d="M5.24 2.2a.75.75 0 0 0-.04 1.06l4.23 4.569a.25.25 0 0 1 0 .34L5.2 12.74a.75.75 0 0 0 1.1 1.018l4.232-4.572a1.75 1.75 0 0 0 0-2.378L6.3 2.24a.75.75 0 0 0-1.06-.04" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_16/uparrow_default_gray 800.svg b/src/assets/wed_icon/icon_16/uparrow_default_gray 800.svg
new file mode 100644
index 0000000..60b50cb
--- /dev/null
+++ b/src/assets/wed_icon/icon_16/uparrow_default_gray 800.svg	
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#C6C6D2" fill-rule="evenodd" d="M13.8 10.76a.75.75 0 0 1-1.06.04L8.171 6.57a.25.25 0 0 0-.34 0L3.26 10.8a.75.75 0 0 1-1.018-1.1l4.572-4.231a1.75 1.75 0 0 1 2.378 0l4.569 4.23a.75.75 0 0 1 .04 1.06" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_20/close_default.svg b/src/assets/wed_icon/icon_20/close_default.svg
new file mode 100644
index 0000000..1a13bab
--- /dev/null
+++ b/src/assets/wed_icon/icon_20/close_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M4.345 4.345a.75.75 0 0 1 1.06 0l10.251 10.25a.75.75 0 0 1-1.06 1.061L4.345 5.406a.75.75 0 0 1 0-1.061" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M4.345 15.656a.75.75 0 0 1 0-1.06l10.25-10.251a.75.75 0 0 1 1.061 1.06L5.406 15.656a.75.75 0 0 1-1.061 0" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_20/editdot_default.svg b/src/assets/wed_icon/icon_20/editdot_default.svg
new file mode 100644
index 0000000..3b2b8fe
--- /dev/null
+++ b/src/assets/wed_icon/icon_20/editdot_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><circle cx="3.5" cy="10" r="1.5" fill="#A9AABC"/><circle cx="10" cy="10" r="1.5" fill="#A9AABC"/><circle cx="16.5" cy="10" r="1.5" fill="#A9AABC"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_20/plus_active_primary.svg b/src/assets/wed_icon/icon_20/plus_active_primary.svg
new file mode 100644
index 0000000..5cbd192
--- /dev/null
+++ b/src/assets/wed_icon/icon_20/plus_active_primary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="#9360F9" fill-rule="evenodd" d="M10 2a.75.75 0 0 1 .75.75v14.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 10 2" clip-rule="evenodd"/><path fill="#9360F9" fill-rule="evenodd" d="M2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_20/plus_default_gray.svg b/src/assets/wed_icon/icon_20/plus_default_gray.svg
new file mode 100644
index 0000000..4b1aaa0
--- /dev/null
+++ b/src/assets/wed_icon/icon_20/plus_default_gray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M10 2a.75.75 0 0 1 .75.75v14.5a.75.75 0 0 1-1.5 0V2.75A.75.75 0 0 1 10 2" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_20/upload_active.svg b/src/assets/wed_icon/icon_20/upload_active.svg
new file mode 100644
index 0000000..2bb0127
--- /dev/null
+++ b/src/assets/wed_icon/icon_20/upload_active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-width="1.5" d="m2.75 9.81 6.531-6.757a1 1 0 0 1 1.438 0L17.25 9.81M10 3.25v14"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_20/upload_default.svg b/src/assets/wed_icon/icon_20/upload_default.svg
new file mode 100644
index 0000000..dcf2409
--- /dev/null
+++ b/src/assets/wed_icon/icon_20/upload_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path stroke="#BF9BFD" stroke-linecap="round" stroke-width="1.5" d="m2.75 9.81 6.531-6.757a1 1 0 0 1 1.438 0L17.25 9.81M10 3.25v14"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/calendar_default.svg b/src/assets/wed_icon/icon_24/calendar_default.svg
new file mode 100644
index 0000000..737800a
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/calendar_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#C6C6D2" fill-rule="evenodd" d="M16.91 4.5H7.09A2.59 2.59 0 0 0 4.5 7.09v9.82a2.59 2.59 0 0 0 2.59 2.59h9.82a2.59 2.59 0 0 0 2.59-2.59V7.09a2.59 2.59 0 0 0-2.59-2.59M7.09 3A4.09 4.09 0 0 0 3 7.09v9.82A4.09 4.09 0 0 0 7.09 21h9.82c2.258 0 4.09-1.832 4.09-4.09V7.09A4.09 4.09 0 0 0 16.91 3z" clip-rule="evenodd"/><path fill="#C6C6D2" d="M3 7.09A4.09 4.09 0 0 1 7.09 3h9.82A4.09 4.09 0 0 1 21 7.09v.82a.82.82 0 0 1-.818.817H3.818A.82.82 0 0 1 3 7.91z"/><path fill="#C6C6D2" fill-rule="evenodd" d="M6.25 12a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75M6.25 16a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/comment_default.svg b/src/assets/wed_icon/icon_24/comment_default.svg
new file mode 100644
index 0000000..5ea9b1e
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/comment_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><g clip-path="url(#a)"><path fill="#C6C6D2" fill-rule="evenodd" d="m8.456 18.65.52.227a7.52 7.52 0 1 0-3.998-4.142l.19.482-1.48 4.963v.002l.002.001.001.001h.002zm-4.874-3.365a9.02 9.02 0 1 1 4.795 4.967l-4.224 1.36c-1.152.37-2.247-.701-1.902-1.86z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_active_blue.svg b/src/assets/wed_icon/icon_24/heart_active_blue.svg
new file mode 100644
index 0000000..29b573a
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_active_blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2567CA" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#2567CA" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_active_pink.svg b/src/assets/wed_icon/icon_24/heart_active_pink.svg
new file mode 100644
index 0000000..0125323
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_active_pink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#9E3E6E" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#9E3E6E" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_active_primary.svg b/src/assets/wed_icon/icon_24/heart_active_primary.svg
new file mode 100644
index 0000000..46df9ee
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_active_primary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#9360F9" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#9360F9" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_active_teal.svg b/src/assets/wed_icon/icon_24/heart_active_teal.svg
new file mode 100644
index 0000000..1f8932f
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_active_teal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#29867A" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#29867A" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_active_white.svg b/src/assets/wed_icon/icon_24/heart_active_white.svg
new file mode 100644
index 0000000..97eb162
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_active_white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#fff" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#fff" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_active_yellow.svg b/src/assets/wed_icon/icon_24/heart_active_yellow.svg
new file mode 100644
index 0000000..11e1af9
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_active_yellow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#AA950E" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#AA950E" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/heart_default_gray.svg b/src/assets/wed_icon/icon_24/heart_default_gray.svg
new file mode 100644
index 0000000..08a54e5
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/heart_default_gray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#595B73" d="m5.691 14.35 6.223 5.544a.13.13 0 0 0 .172 0l6.223-5.543a6.75 6.75 0 0 0 2.02-6.811 2.6 2.6 0 0 0-.693-1.176l-.331-.323c-2.073-2.018-5.51-1.446-6.816 1.136l-.474.936a.017.017 0 0 1-.03 0l-.474-.936c-1.306-2.581-4.743-3.154-6.816-1.136l-.33.323c-.333.323-.572.729-.694 1.176a6.75 6.75 0 0 0 2.02 6.81"/><path fill="#595B73" fill-rule="evenodd" d="M18.856 6.502c-1.762-1.715-4.683-1.229-5.794.966l-.473.935-.574-.29.573.29a.66.66 0 0 1-1.177 0l.574-.29-.574.29-.473-.935c-1.111-2.195-4.032-2.681-5.795-.966l-.33.323c-.25.243-.43.548-.522.884a6.1 6.1 0 0 0 1.828 6.162l5.88 5.24 5.882-5.24a6.1 6.1 0 0 0 1.828-6.162 1.95 1.95 0 0 0-.522-.884zM12 6.727c1.562-2.832 5.413-3.424 7.753-1.146l.331.322c.414.403.713.91.865 1.468a7.39 7.39 0 0 1-2.213 7.46l-6.222 5.544a.77.77 0 0 1-1.028 0L5.264 14.83a7.39 7.39 0 0 1-2.213-7.46c.152-.558.45-1.065.865-1.468l.33-.322C6.588 3.303 10.439 3.895 12 6.727" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_24/task_default.svg b/src/assets/wed_icon/icon_24/task_default.svg
new file mode 100644
index 0000000..19c79c6
--- /dev/null
+++ b/src/assets/wed_icon/icon_24/task_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#C6C6D2" fill-rule="evenodd" d="m9.582 3.576-5.573 2.85c-1.345.689-1.345 2.46 0 3.148l5.573 2.85a5.36 5.36 0 0 0 4.836 0l5.573-2.85c1.346-.689 1.346-2.46 0-3.148l-5.573-2.85a5.36 5.36 0 0 0-4.836 0m4.153 1.336a3.86 3.86 0 0 0-3.47 0l-5.573 2.85a.4.4 0 0 0-.162.135A.2.2 0 0 0 4.5 8q0 .05.03.103c.02.031.063.084.162.135l5.573 2.85a3.86 3.86 0 0 0 3.47 0l5.573-2.85c.1-.05.142-.104.162-.135A.2.2 0 0 0 19.5 8a.2.2 0 0 0-.03-.103.4.4 0 0 0-.162-.135z" clip-rule="evenodd"/><path fill="#C6C6D2" fill-rule="evenodd" d="m9.582 11.577-5.573 2.85c-1.345.688-1.345 2.458 0 3.147l5.573 2.85a5.36 5.36 0 0 0 4.836 0l5.573-2.85c1.346-.689 1.346-2.46 0-3.148l-5.573-2.85a5.36 5.36 0 0 0-4.836 0m4.153 1.335a3.86 3.86 0 0 0-3.47 0l-5.573 2.85a.4.4 0 0 0-.162.135.2.2 0 0 0-.03.103q0 .05.03.103c.02.031.063.084.162.135l5.573 2.85a3.86 3.86 0 0 0 3.47 0l5.573-2.85c.1-.05.142-.104.162-.135A.2.2 0 0 0 19.5 16a.2.2 0 0 0-.03-.103.4.4 0 0 0-.162-.135z" clip-rule="evenodd"/><path fill="#C6C6D2" d="M14.418 7.576a5.36 5.36 0 0 0-4.836 0l-5.573 2.85c-1.345.689-1.345 2.46 0 3.148l5.573 2.85a5.36 5.36 0 0 0 4.836 0l5.573-2.85c1.346-.689 1.346-2.46 0-3.148z"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/EditDate_default.svg b/src/assets/wed_icon/icon_28/EditDate_default.svg
new file mode 100644
index 0000000..16590ba
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/EditDate_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M3 10.25A5.75 5.75 0 0 1 8.75 4.5h10.5A5.75 5.75 0 0 1 25 10.25v2.551a.75.75 0 0 1-1.5 0V10.25A4.25 4.25 0 0 0 19.25 6H8.75a4.25 4.25 0 0 0-4.25 4.25v9a4.25 4.25 0 0 0 4.25 4.25h3.75a.75.75 0 0 1 0 1.5H8.75A5.75 5.75 0 0 1 3 19.25z" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M24 10.75H4v-1.5h20zM8 3a.75.75 0 0 1 .75.75v2h-1.5v-2A.75.75 0 0 1 8 3M19 3a.75.75 0 0 1 .75.75v2h-1.5v-2A.75.75 0 0 1 19 3M23.28 17.39a.75.75 0 0 0-1.06 0l-4.778 4.779-.262 1.017a.25.25 0 0 0 .305.305l1.018-.262 4.777-4.777a.75.75 0 0 0 0-1.061m-2.121-1.06a2.25 2.25 0 0 1 3.182 3.182l-4.906 4.907a.83.83 0 0 1-.383.218l-1.194.307a1.75 1.75 0 0 1-2.13-2.131l.307-1.194a.84.84 0 0 1 .218-.383z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/Handle_default.svg b/src/assets/wed_icon/icon_28/Handle_default.svg
new file mode 100644
index 0000000..b48f8a2
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/Handle_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M2 4.75A.75.75 0 0 1 2.75 4h22.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75M2 14a.75.75 0 0 1 .75-.75h22.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 14M2 23.25a.75.75 0 0 1 .75-.75h22.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/alarm_active.svg b/src/assets/wed_icon/icon_28/alarm_active.svg
new file mode 100644
index 0000000..ff2e93b
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/alarm_active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M4.265 16.244a3.594 3.594 0 0 0 1.384 4.368 15.4 15.4 0 0 0 16.703 0 3.594 3.594 0 0 0 1.383-4.368l-.89-2.203a2.6 2.6 0 0 1-.19-.976v-2.41a8.654 8.654 0 1 0-17.309 0v2.41c0 .334-.064.666-.19.976zm16.89-3.18v-2.41a7.154 7.154 0 1 0-14.309 0v2.41c0 .528-.102 1.05-.3 1.54l-.89 2.202c-.377.932-.039 2 .806 2.546a13.9 13.9 0 0 0 15.077 0 2.094 2.094 0 0 0 .806-2.546l-.891-2.203a4.1 4.1 0 0 1-.3-1.538" clip-rule="evenodd"/><path fill="#A9AABC" d="M14 26a4 4 0 0 0 4-4h-8a4 4 0 0 0 4 4"/><circle cx="25.5" cy="2.5" r="2.5" fill="#9360F9"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/alarm_default.svg b/src/assets/wed_icon/icon_28/alarm_default.svg
new file mode 100644
index 0000000..bb4c17d
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/alarm_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M4.265 16.244a3.594 3.594 0 0 0 1.384 4.368 15.4 15.4 0 0 0 16.703 0 3.594 3.594 0 0 0 1.383-4.368l-.89-2.203a2.6 2.6 0 0 1-.19-.976v-2.41a8.654 8.654 0 1 0-17.309 0v2.41c0 .334-.064.666-.19.976zm16.89-3.18v-2.41a7.154 7.154 0 1 0-14.309 0v2.41c0 .528-.102 1.05-.3 1.54l-.89 2.202c-.377.932-.039 2 .806 2.546a13.9 13.9 0 0 0 15.077 0 2.094 2.094 0 0 0 .806-2.546l-.891-2.203a4.1 4.1 0 0 1-.3-1.538" clip-rule="evenodd"/><path fill="#A9AABC" d="M14 26a4 4 0 0 0 4-4h-8a4 4 0 0 0 4 4"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/alignment_default.svg b/src/assets/wed_icon/icon_28/alignment_default.svg
new file mode 100644
index 0000000..0101e44
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/alignment_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M26 4.75a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h22.5a.75.75 0 0 0 .75-.75M20 14a.75.75 0 0 0-.75-.75H2.75a.75.75 0 0 0 0 1.5h16.5A.75.75 0 0 0 20 14M14 23.25a.75.75 0 0 0-.75-.75H2.75a.75.75 0 0 0 0 1.5h10.5a.75.75 0 0 0 .75-.75" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/backspace_default.svg b/src/assets/wed_icon/icon_28/backspace_default.svg
new file mode 100644
index 0000000..37c60d1
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/backspace_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="#fff" stroke-linecap="round" stroke-width="2" d="M12.06 6 4.3 13.525a1 1 0 0 0 0 1.435L11.56 22M6 14h18"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/close_default.svg b/src/assets/wed_icon/icon_28/close_default.svg
new file mode 100644
index 0000000..486ce58
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/close_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M6.221 21.778c-.293-.293-.269-.791.053-1.113L20.665 6.274c.323-.323.821-.346 1.114-.053.293.292.27.791-.053 1.113L7.335 21.725c-.322.322-.82.346-1.114.053" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M21.78 21.778c.292-.293.268-.791-.054-1.113L7.336 6.274c-.323-.323-.822-.346-1.115-.053-.293.292-.269.791.053 1.113l14.392 14.391c.322.322.82.346 1.113.053" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/connection_default_gray.svg b/src/assets/wed_icon/icon_28/connection_default_gray.svg
new file mode 100644
index 0000000..2d387d6
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/connection_default_gray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="#C6C6D2" stroke-linecap="round" stroke-width="1.5" d="M16.752 9.758h4.25a4.25 4.25 0 0 1 4.248 4.248v0a4.25 4.25 0 0 1-4.248 4.248h-4.25M11.256 9.758H7.002a4.25 4.25 0 0 0-4.248 4.248v0a4.25 4.25 0 0 0 4.248 4.248h4.254M9.762 14.008 18.256 14"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/delete_active.svg b/src/assets/wed_icon/icon_28/delete_active.svg
new file mode 100644
index 0000000..46e3168
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/delete_active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="#E03F3F" stroke-linecap="round" stroke-width="1.5" d="M7.333 19.61v-6.042a4.8 4.8 0 0 0-1.064-3.01v0C5.358 9.43 6.16 7.75 7.61 7.75h12.78c1.45 0 2.252 1.68 1.34 2.808v0a4.8 4.8 0 0 0-1.063 3.01v6.682a4 4 0 0 1-4 4h-5.334a4 4 0 0 1-4-4V16"/><path stroke="#E03F3F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 19v-6M12 19v-6"/><path stroke="#E03F3F" stroke-linecap="round" stroke-width="1.5" d="M17 4.25c-.358-.32-.781-.5-1.227-.5h-3.546c-.446 0-.87.18-1.227.5"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/delete_default.svg b/src/assets/wed_icon/icon_28/delete_default.svg
new file mode 100644
index 0000000..abb6306
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/delete_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="#A9AABC" stroke-linecap="round" stroke-width="1.5" d="M7.333 19.61v-6.042a4.8 4.8 0 0 0-1.064-3.01v0C5.358 9.43 6.16 7.75 7.61 7.75h12.78c1.45 0 2.252 1.68 1.34 2.808v0a4.8 4.8 0 0 0-1.063 3.01v6.682a4 4 0 0 1-4 4h-5.334a4 4 0 0 1-4-4V16"/><path stroke="#A9AABC" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 19v-6M12 19v-6"/><path stroke="#A9AABC" stroke-linecap="round" stroke-width="1.5" d="M17 4.25c-.358-.32-.781-.5-1.227-.5h-3.546c-.446 0-.87.18-1.227.5"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/download_default.svg b/src/assets/wed_icon/icon_28/download_default.svg
new file mode 100644
index 0000000..c6bb2db
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/download_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M3 24.25a.75.75 0 0 1 .75-.75h20.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75M5.212 12.478a.75.75 0 0 1 1.06-.016l7.554 7.325a.25.25 0 0 0 .348 0l7.554-7.325a.75.75 0 1 1 1.044 1.076l-7.554 7.325a1.75 1.75 0 0 1-2.436 0l-7.554-7.325a.75.75 0 0 1-.016-1.06" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M14 3a.75.75 0 0 1 .75.75v15.5a.75.75 0 0 1-1.5 0V3.75A.75.75 0 0 1 14 3" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/edit_default.svg b/src/assets/wed_icon/icon_28/edit_default.svg
new file mode 100644
index 0000000..29bc6a3
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/edit_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path stroke="#A9AABC" stroke-width="1.5" d="m23.884 8.155-1.348 1.33-2.02-2.02-2.011-2.011 1.36-1.342a1.25 1.25 0 0 1 1.762.006l2.264 2.263a1.25 1.25 0 0 1-.007 1.774Zm-6.442-1.643 2.014 2.014 2.017 2.017-7.055 7.096c-.19.191-.437.316-.705.355l-3.98.584a.25.25 0 0 1-.283-.283l.585-3.986a1.25 1.25 0 0 1 .35-.7z"/><path fill="#A9AABC" fill-rule="evenodd" d="M3 8a5 5 0 0 1 5-5h4.54a.75.75 0 0 1 0 1.5H8A3.5 3.5 0 0 0 4.5 8v12A3.5 3.5 0 0 0 8 23.5h12a3.5 3.5 0 0 0 3.5-3.5v-2.921a.75.75 0 0 1 1.5 0V20a5 5 0 0 1-5 5H8a5 5 0 0 1-5-5z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/folder_default_primary.svg b/src/assets/wed_icon/icon_28/folder_default_primary.svg
new file mode 100644
index 0000000..77b5470
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/folder_default_primary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><rect width="19" height="16" x="4" y="6" fill="#4B3973" rx="3"/><path fill="#9360F9" d="M4 8v11a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-7.5a2 2 0 0 0-2-2h-7.43a2 2 0 0 1-1.664-.89l-1.812-2.72A2 2 0 0 0 9.43 5H7a3 3 0 0 0-3 3"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/leftarrow_default.svg b/src/assets/wed_icon/icon_28/leftarrow_default.svg
new file mode 100644
index 0000000..f12e047
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/leftarrow_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M19.825 4.269a.75.75 0 0 1-.094 1.056L9.59 13.808a.25.25 0 0 0 0 .384l10.141 8.483a.75.75 0 0 1-.962 1.15L8.627 15.342a1.75 1.75 0 0 1 0-2.684L18.77 4.175a.75.75 0 0 1 1.056.094" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/money_default.svg b/src/assets/wed_icon/icon_28/money_default.svg
new file mode 100644
index 0000000..1ed36bf
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/money_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M14 23.5a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19m0 1.5c6.075 0 11-4.925 11-11S20.075 3 14 3 3 7.925 3 14s4.925 11 11 11" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="m14 12.092-1.42 5.681c-.288 1.153-1.872 1.29-2.355.205l-2.91-6.548a.75.75 0 1 1 1.37-.61l2.616 5.885 1.486-5.947c.316-1.262 2.11-1.262 2.426 0l1.487 5.947 2.615-5.885a.75.75 0 0 1 1.37.61l-2.91 6.548c-.482 1.086-2.066.948-2.355-.205z" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M6.25 14a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/people_default.svg b/src/assets/wed_icon/icon_28/people_default.svg
new file mode 100644
index 0000000..2252655
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/people_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M14 12.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9m0 1.5a6 6 0 1 1 0-12 6 6 0 0 1 0 12M22.5 24.004v-3.062c0-.895-.504-1.715-1.303-2.12a15.94 15.94 0 0 0-14.394 0 2.38 2.38 0 0 0-1.303 2.12v3.062a.5.5 0 0 0 .578.493l2.979-.473c3.275-.52 6.611-.52 9.886 0l2.979.473a.5.5 0 0 0 .578-.493m-16.374-6.52A3.88 3.88 0 0 0 4 20.942v3.062a2 2 0 0 0 2.314 1.975l2.978-.473a30 30 0 0 1 9.416 0l2.978.473A2 2 0 0 0 24 24.004v-3.062a3.88 3.88 0 0 0-2.126-3.458 17.44 17.44 0 0 0-15.748 0" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/plus_default_gray500.svg b/src/assets/wed_icon/icon_28/plus_default_gray500.svg
new file mode 100644
index 0000000..d38799e
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/plus_default_gray500.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#6F7290" fill-rule="evenodd" d="M4 14a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 14" clip-rule="evenodd"/><path fill="#6F7290" fill-rule="evenodd" d="M14 4a.75.75 0 0 1 .75.75v18.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 14 4" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/plus_default_gray700.svg b/src/assets/wed_icon/icon_28/plus_default_gray700.svg
new file mode 100644
index 0000000..4ce35aa
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/plus_default_gray700.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M4 14a.75.75 0 0 1 .75-.75h18.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 14" clip-rule="evenodd"/><path fill="#A9AABC" fill-rule="evenodd" d="M14 4a.75.75 0 0 1 .75.75v18.5a.75.75 0 0 1-1.5 0V4.75A.75.75 0 0 1 14 4" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_28/rightarrow_default.svg b/src/assets/wed_icon/icon_28/rightarrow_default.svg
new file mode 100644
index 0000000..41ffc9e
--- /dev/null
+++ b/src/assets/wed_icon/icon_28/rightarrow_default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"><path fill="#A9AABC" fill-rule="evenodd" d="M8.176 4.269a.75.75 0 0 0 .094 1.056l10.142 8.483c.12.1.12.284 0 .384L8.27 22.675a.75.75 0 0 0 .963 1.15l10.141-8.483a1.75 1.75 0 0 0 0-2.684L9.233 4.175a.75.75 0 0 0-1.057.094" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/wed_icon/icon_40/icon_heart.svg b/src/assets/wed_icon/icon_40/icon_heart.svg
new file mode 100644
index 0000000..c944693
--- /dev/null
+++ b/src/assets/wed_icon/icon_40/icon_heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><g filter="url(#a)"><g filter="url(#b)"><path fill="url(#c)" d="m4.067 15.288.115.898c.35 2.755 1.674 5.299 3.737 7.18l11.349 10.35c.413.378 1.05.378 1.464 0l11.35-10.35a11.72 11.72 0 0 0 3.736-7.18l.115-.898a8.4 8.4 0 0 0-.663-4.493l-.032-.072a8 8 0 0 0-1.13-1.822c-2.968-3.588-8.399-3.893-11.757-.662l-.442.425L20 10.807l-1.91-2.143-.44-.425c-3.36-3.231-8.79-2.926-11.757.662a8 8 0 0 0-1.13 1.822l-.033.072a8.4 8.4 0 0 0-.663 4.493"/><path fill="url(#d)" d="m4.067 15.288.115.898c.35 2.755 1.674 5.299 3.737 7.18l11.349 10.35c.413.378 1.05.378 1.464 0l11.35-10.35a11.72 11.72 0 0 0 3.736-7.18l.115-.898a8.4 8.4 0 0 0-.663-4.493l-.032-.072a8 8 0 0 0-1.13-1.822c-2.968-3.588-8.399-3.893-11.757-.662l-.442.425L20 10.807l-1.91-2.143-.44-.425c-3.36-3.231-8.79-2.926-11.757.662a8 8 0 0 0-1.13 1.822l-.033.072a8.4 8.4 0 0 0-.663 4.493"/></g><g filter="url(#e)"><path fill="#fff" fill-opacity=".6" d="M14 26.79 20.032 32 31 21l-10.968 8.105z"/></g></g><defs><filter id="a" width="40" height="36" x="0" y="2" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_3429_33620"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0"/><feBlend in2="effect1_dropShadow_3429_33620" result="effect2_dropShadow_3429_33620"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_3429_33620" result="shape"/></filter><filter id="b" width="33" height="30.25" x="3.75" y="4.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="1.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/><feBlend in2="shape" result="effect1_innerShadow_3429_33620"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0"/><feBlend in2="effect1_innerShadow_3429_33620" result="effect2_innerShadow_3429_33620"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy="-1.25"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.187326 0 0 0 0 0.103819 0 0 0 0 0.437847 0 0 0 0.6 0"/><feBlend in2="effect2_innerShadow_3429_33620" result="effect3_innerShadow_3429_33620"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.398928 0 0 0 0 0.358229 0 0 0 0 0.800104 0 0 0 0.5 0"/><feBlend in2="effect3_innerShadow_3429_33620" result="effect4_innerShadow_3429_33620"/></filter><filter id="e" width="23" height="17" x="11" y="18" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_3429_33620" stdDeviation="1.5"/></filter><linearGradient id="c" x1="25.951" x2="17.439" y1="5.449" y2="28.544" gradientUnits="userSpaceOnUse"><stop stop-color="#B2C6F9"/><stop offset=".29" stop-color="#B1B6FA"/><stop offset=".624" stop-color="#FCCFFA"/><stop offset="1" stop-color="#FCE6FC"/></linearGradient><linearGradient id="d" x1="5.934" x2="30.062" y1="5.985" y2="28.721" gradientUnits="userSpaceOnUse"><stop stop-color="#AA99FD" stop-opacity="0"/><stop offset=".3" stop-color="#BB99FD" stop-opacity=".8"/><stop offset=".55" stop-color="#AA99FD" stop-opacity=".4"/><stop offset=".75" stop-color="#CB99FD" stop-opacity=".4"/><stop offset=".93" stop-color="#AA99FD" stop-opacity="0"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/src/components/atoms/button/Button.stories.tsx b/src/components/atoms/button/Button.stories.tsx
index e54ccd9..a0d3cca 100644
--- a/src/components/atoms/button/Button.stories.tsx
+++ b/src/components/atoms/button/Button.stories.tsx
@@ -1,6 +1,6 @@
+import LeftArrow from '@/assets/wed_icon/icon_16/leftarrow_default.svg';
 import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from './Button';
-import LeftArrow from '../../../assets/left_arrow.svg';
 
 const meta: Meta<typeof Button> = {
   title: 'components/Button',
@@ -49,7 +49,7 @@ export const PrimaryFillWithArrow: Story = {
   },
   decorators: [
     (Story) => (
-      <div className="w-[100px]">
+      <div className='w-[100px]'>
         <Story />
       </div>
     ),
@@ -63,7 +63,7 @@ export const GrayFill: Story = {
   },
   decorators: [
     (Story) => (
-      <div className="w-[100px]">
+      <div className='w-[100px]'>
         <Story />
       </div>
     ),
diff --git a/src/components/molecules/calendarSelect/CalendarSelect.tsx b/src/components/molecules/calendarSelect/CalendarSelect.tsx
index 3f6deb6..2859aa5 100644
--- a/src/components/molecules/calendarSelect/CalendarSelect.tsx
+++ b/src/components/molecules/calendarSelect/CalendarSelect.tsx
@@ -1,7 +1,7 @@
-import Calendar from 'react-calendar';
+import LeftArrow from '@/assets/wed_icon/icon_16/leftarrow_default.svg';
+import RightArrow from '@/assets/wed_icon/icon_16/rightarrow_default_gray 800.svg';
 import { format, parse } from 'date-fns';
-import LeftArrow from '@/assets/left_arrow.svg';
-import RightArrow from '@/assets/right_arrow.svg';
+import Calendar from 'react-calendar';
 
 import './styles.css';
 
diff --git a/src/components/molecules/commentCard/CommentCard.tsx b/src/components/molecules/commentCard/CommentCard.tsx
index 71aa721..b22d962 100644
--- a/src/components/molecules/commentCard/CommentCard.tsx
+++ b/src/components/molecules/commentCard/CommentCard.tsx
@@ -1,9 +1,9 @@
 'use client';
 
-import ThreeDot from '@/assets/three_dots.svg';
-import { detailDate } from '@/utils/time';
+import ThreeDot from '@/assets/wed_icon/icon_20/editdot_default.svg';
 import { CommentDropdown } from '@/features/comment/components';
 import { useDropdown } from '@/hooks/useDropdown';
+import { detailDate } from '@/utils/time';
 
 interface CommentCardProps {
   name: string;
diff --git a/src/components/molecules/foldableSpan/FoldableImage.tsx b/src/components/molecules/foldableSpan/FoldableImage.tsx
index 73d6fa3..cd0f4bf 100644
--- a/src/components/molecules/foldableSpan/FoldableImage.tsx
+++ b/src/components/molecules/foldableSpan/FoldableImage.tsx
@@ -1,10 +1,9 @@
 'use client';
 
-import DownArrow from '@/assets/down_arrow.svg';
-import TopArrow from '@/assets/top_arrow.svg';
-import { StaticImageData } from 'next/image';
+import DownArrow from '@/assets/wed_icon/icon_16/downarrow_default_gray 800.svg';
+import TopArrow from '@/assets/wed_icon/icon_16/uparrow_default_gray 800.svg';
+import Image, { StaticImageData } from 'next/image';
 import { useState } from 'react';
-import Image from 'next/image';
 
 interface FoldableImageProps {
   spanText: string;
diff --git a/src/components/molecules/navigation/Navigation.tsx b/src/components/molecules/navigation/Navigation.tsx
index a75e816..aaba133 100644
--- a/src/components/molecules/navigation/Navigation.tsx
+++ b/src/components/molecules/navigation/Navigation.tsx
@@ -1,8 +1,7 @@
-import Notification from '@/assets/navigation/notification.svg';
 import Logo from '@/assets/navigation/logo.svg';
+import Notification from '@/assets/wed_icon/icon_28/alarm_default.svg';
 import { Chip } from '@/components/atoms/chip';
 import { SubIcon } from './SubIcon';
-import { motion } from 'motion/react';
 
 interface TopNavigationProps {
   active?: boolean;
@@ -10,15 +9,15 @@ interface TopNavigationProps {
 
 export const Navigation = ({ active = false }: TopNavigationProps) => {
   return (
-    <header className="sticky absolute top-0 left-0 flex w-full justify-between items-center px-[20px] h-[53px] text-white bg-gray-100 opacity-8">
-      <SubIcon href="/" Icon={Logo} />
+    <header className='opacity-8 absolute sticky left-0 top-0 flex h-[53px] w-full items-center justify-between bg-gray-100 px-[20px] text-white'>
+      <SubIcon href='/' Icon={Logo} />
       <Chip>
-        <button className="flex gap-2">
-          <span className="text-primary-500">결혼까지</span>
+        <button className='flex gap-2'>
+          <span className='text-primary-500'>결혼까지</span>
           <span>D-173</span>
         </button>
       </Chip>
-      <SubIcon href="/" Icon={Notification} active={active} color="gray-700" />
+      <SubIcon href='/' Icon={Notification} active={active} color='gray-700' />
     </header>
   );
 };
diff --git a/src/components/molecules/topBar/TopBar.tsx b/src/components/molecules/topBar/TopBar.tsx
index 9e87b92..66d4aa8 100644
--- a/src/components/molecules/topBar/TopBar.tsx
+++ b/src/components/molecules/topBar/TopBar.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import LeftArrow from '@/assets/left_arrow_28.svg';
+import LeftArrow from '@/assets/wed_icon/icon_28/leftarrow_default.svg';
 import { getFormattedTime } from '@/utils/time';
 import { useRouter } from 'next/navigation';
 import { forwardRef, ReactNode } from 'react';
diff --git a/src/features/comment/component/BottomContent.tsx b/src/features/comment/component/BottomContent.tsx
index dd179b9..9f23c07 100644
--- a/src/features/comment/component/BottomContent.tsx
+++ b/src/features/comment/component/BottomContent.tsx
@@ -1,6 +1,6 @@
-import React, { useEffect, useRef, ChangeEvent } from 'react';
+import Close from '@/assets/wed_icon/icon_20/close_default.svg';
 import { BottomSheet } from '@/components/atoms/bottomSheet';
-import Close from '@/assets/close_20.svg';
+import { ChangeEvent, useEffect, useRef } from 'react';
 
 const DEFAULT_BOTTOM_SHEET_HEIGHT = 290;
 const MAX_IMAGE = 9;
diff --git a/src/features/comment/component/TextFieldBottom.tsx b/src/features/comment/component/TextFieldBottom.tsx
index d4b7282..18b2425 100644
--- a/src/features/comment/component/TextFieldBottom.tsx
+++ b/src/features/comment/component/TextFieldBottom.tsx
@@ -1,8 +1,8 @@
+import Close from '@/assets/wed_icon/icon_20/close_default.svg';
+import Plus from '@/assets/wed_icon/icon_20/plus_default_gray.svg';
+import UploadActive from '@/assets/wed_icon/icon_20/upload_active.svg';
+import Upload from '@/assets/wed_icon/icon_20/upload_default.svg';
 import { CommentInput } from '@/components/molecules/comment';
-import Close from '@/assets/close_20.svg';
-import Plus from '@/assets/plus_20.svg';
-import Upload from '@/assets/upload.svg';
-import UploadActive from '@/assets/upload_active.svg';
 
 interface TextFieldBottomProps {
   text: string;
diff --git a/yarn.lock b/yarn.lock
index 96badb5..57e97b7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1610,17 +1610,17 @@ __metadata:
   linkType: hard
 
 "@bundled-es-modules/memfs@npm:^4.9.4":
-  version: 4.9.4
-  resolution: "@bundled-es-modules/memfs@npm:4.9.4"
+  version: 4.17.0
+  resolution: "@bundled-es-modules/memfs@npm:4.17.0"
   dependencies:
-    assert: "npm:^2.0.0"
+    assert: "npm:^2.1.0"
     buffer: "npm:^6.0.3"
     events: "npm:^3.3.0"
-    memfs: "npm:^4.9.3"
+    memfs: "npm:^4.17.0"
     path: "npm:^0.12.7"
     stream: "npm:^0.0.3"
     util: "npm:^0.12.5"
-  checksum: 10c0/e3548c14379183fb74aa9a94407c1cdb8587320216fb557c0af7277d2dccf23f10a2edf8726e99f878758730c0c8d71524f77e19b26660a067b01d9afa07c891
+  checksum: 10c0/88b573e52afe2f14b0c06f1f4337883ccf3155b7c3f667af8ead248b84ba2743e4eee90eb283ec967a8486576509bb6d42ce1c43714253f70ee23c5e5e24bc73
   languageName: node
   linkType: hard
 
@@ -2112,14 +2112,14 @@ __metadata:
   linkType: hard
 
 "@figspec/react@npm:^1.0.0":
-  version: 1.0.3
-  resolution: "@figspec/react@npm:1.0.3"
+  version: 1.0.4
+  resolution: "@figspec/react@npm:1.0.4"
   dependencies:
     "@figspec/components": "npm:^1.0.1"
     "@lit-labs/react": "npm:^1.0.2"
   peerDependencies:
-    react: ^16.14.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/d5bbb79e106f522f5b867d0f55de01391edd1011e3f5d5a966ac07a5fca75f499d1d4d40a6186cf0afdc4fc4b49d808eb5d4fcbaf1784401a1ace2865dbc19be
+    react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10c0/a91bec560d8262b2c886bd5664f4456083bb79327910d414fc459885302e8cf1d8e6c40d36132fe404dc5154ab761fdcfe237211f318185bb56056d14e7a9ff7
   languageName: node
   linkType: hard
 
@@ -2412,8 +2412,8 @@ __metadata:
   linkType: hard
 
 "@jsonjoy.com/json-pack@npm:^1.0.3":
-  version: 1.1.1
-  resolution: "@jsonjoy.com/json-pack@npm:1.1.1"
+  version: 1.2.0
+  resolution: "@jsonjoy.com/json-pack@npm:1.2.0"
   dependencies:
     "@jsonjoy.com/base64": "npm:^1.1.1"
     "@jsonjoy.com/util": "npm:^1.1.2"
@@ -2421,7 +2421,7 @@ __metadata:
     thingies: "npm:^1.20.0"
   peerDependencies:
     tslib: 2
-  checksum: 10c0/fd0d8baa0c8eba536924540717901e0d7eed742576991033cceeb32dcce801ee0a4318cf6eb40b444c9e78f69ddbd4f38b9eb0041e9e54c17e7b6d1219b12e1d
+  checksum: 10c0/0744cfe2f54d896003ad240f0f069b41a152feb53b6134c5e65961126b9e5fdfc74a46f63b1dfa280e80a3d176c57e06de072bf03d749ec1982e41677a1ce5d5
   languageName: node
   linkType: hard
 
@@ -2866,16 +2866,16 @@ __metadata:
   linkType: hard
 
 "@storybook/addon-designs@npm:^8.2.0":
-  version: 8.2.0
-  resolution: "@storybook/addon-designs@npm:8.2.0"
+  version: 8.2.1
+  resolution: "@storybook/addon-designs@npm:8.2.1"
   dependencies:
     "@figspec/react": "npm:^1.0.0"
   peerDependencies:
     "@storybook/blocks": ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
     "@storybook/components": ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
     "@storybook/theming": ^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
   peerDependenciesMeta:
     "@storybook/blocks":
       optional: true
@@ -2887,7 +2887,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/6a6ff46696daaea42a870cf18cb028f94d57048b88f8089addcfef7aca503146970ffdaaad1647e02b8cb6e4f9c030f06a4c373c634fac66291c9eaa25a5b507
+  checksum: 10c0/65d63fc7fd771e1af510f6f47f576aff6e48d38f235a817d311e509b374ab50e5c46603b3aa8fa657bf8db91685758595ede08341920be4c2558dc341e755102
   languageName: node
   linkType: hard
 
@@ -3622,8 +3622,8 @@ __metadata:
   linkType: hard
 
 "@tokens-studio/sd-transforms@npm:^1.2.9":
-  version: 1.2.9
-  resolution: "@tokens-studio/sd-transforms@npm:1.2.9"
+  version: 1.2.12
+  resolution: "@tokens-studio/sd-transforms@npm:1.2.12"
   dependencies:
     "@bundled-es-modules/deepmerge": "npm:^4.3.1"
     "@bundled-es-modules/postcss-calc-ast-parser": "npm:^0.1.6"
@@ -3632,8 +3632,8 @@ __metadata:
     expr-eval-fork: "npm:^2.0.2"
     is-mergeable-object: "npm:^1.1.1"
   peerDependencies:
-    style-dictionary: ^4.1.4
-  checksum: 10c0/9673ed218c52387072cfcade703000523f316919581cd1267038248848a8960d336c7b95fd6a247a9ff436c3055a8970357be9acba496df57ac66be0588faf7b
+    style-dictionary: ^4.3.0 || ^5.0.0-rc.0
+  checksum: 10c0/971a09c7d17e3aca621bc2982be5dddd90294ce82a0780ffc48eec0752126ee02bbcbdd0b92eca948499a40d16a9261beb072356ad72e5f606661ba942d0c57b
   languageName: node
   linkType: hard
 
@@ -4326,9 +4326,9 @@ __metadata:
   linkType: hard
 
 "@zip.js/zip.js@npm:^2.7.44":
-  version: 2.7.57
-  resolution: "@zip.js/zip.js@npm:2.7.57"
-  checksum: 10c0/fdb25fc5e9a78992ee61dae382a8ea54cdaeefe6d48e583df52218b0316bf8cc0cf91eb02898237cd91d27d417c90f0022b396abf129784306b5dad94da0f49a
+  version: 2.7.60
+  resolution: "@zip.js/zip.js@npm:2.7.60"
+  checksum: 10c0/466ff1729e36d9f500011475e230f2edb9c0e6e10f64d542e6ebc006dc70885bc909d69fd0c7b10126bdf722c761359ad1edfe295b6c7fed3169f0f63012a1cd
   languageName: node
   linkType: hard
 
@@ -4759,7 +4759,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"assert@npm:^2.0.0":
+"assert@npm:^2.0.0, assert@npm:^2.1.0":
   version: 2.1.0
   resolution: "assert@npm:2.1.0"
   dependencies:
@@ -9796,7 +9796,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"memfs@npm:^4.9.3":
+"memfs@npm:^4.17.0":
   version: 4.17.0
   resolution: "memfs@npm:4.17.0"
   dependencies:
@@ -11240,11 +11240,11 @@ __metadata:
   linkType: hard
 
 "prettier@npm:^3.3.3":
-  version: 3.5.2
-  resolution: "prettier@npm:3.5.2"
+  version: 3.5.3
+  resolution: "prettier@npm:3.5.3"
   bin:
     prettier: bin/prettier.cjs
-  checksum: 10c0/d7b597ed33f39c32ace675896ad187f06a3e48dc8a1e80051b5c5f0dae3586d53981704b8fda5ac3b080e6c2e0e197d239131b953702674f044351621ca5e1ac
+  checksum: 10c0/3880cb90b9dc0635819ab52ff571518c35bd7f15a6e80a2054c05dbc8a3aa6e74f135519e91197de63705bcb38388ded7e7230e2178432a1468005406238b877
   languageName: node
   linkType: hard
 
@@ -13025,7 +13025,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"svgo@npm:^3.0.2":
+"svgo@npm:^3.0.2, svgo@npm:^3.3.2":
   version: 3.3.2
   resolution: "svgo@npm:3.3.2"
   dependencies:
@@ -13991,6 +13991,7 @@ __metadata:
     sd-tailwindcss-transformer: "npm:^2.1.0"
     storybook: "npm:^8.5.2"
     style-dictionary: "npm:^4.3.3"
+    svgo: "npm:^3.3.2"
     tailwind-merge: "npm:^2.5.5"
     tailwindcss: "npm:^3.4.1"
     typescript: "npm:^5.6.3"
@@ -14455,11 +14456,11 @@ __metadata:
   linkType: hard
 
 "yaml@npm:^2.2.2":
-  version: 2.7.0
-  resolution: "yaml@npm:2.7.0"
+  version: 2.7.1
+  resolution: "yaml@npm:2.7.1"
   bin:
     yaml: bin.mjs
-  checksum: 10c0/886a7d2abbd70704b79f1d2d05fe9fb0aa63aefb86e1cb9991837dced65193d300f5554747a872b4b10ae9a12bc5d5327e4d04205f70336e863e35e89d8f4ea9
+  checksum: 10c0/ee2126398ab7d1fdde566b4013b68e36930b9e6d8e68b6db356875c99614c10d678b6f45597a145ff6d63814961221fc305bf9242af8bf7450177f8a68537590
   languageName: node
   linkType: hard