From a9787546b44083a6713b2d2b4cef1eded7e4177e Mon Sep 17 00:00:00 2001
From: "Lucas.Xu" <lucas.xu@appflowy.io>
Date: Wed, 31 Jan 2024 21:15:23 +0800
Subject: [PATCH] chore: update add block menu icons (#4565)

---
 .../mobile_toolbar_v3/add_block_toolbar_item.dart  |  4 ++--
 .../flowy_icons/16x/m_add_block_bulleted_list.svg  | 14 +++++++-------
 .../flowy_icons/16x/m_add_block_callout.svg        |  8 ++++----
 .../flowy_icons/16x/m_add_block_checkbox.svg       |  5 ++---
 .../resources/flowy_icons/16x/m_add_block_code.svg |  8 ++++----
 .../resources/flowy_icons/16x/m_add_block_date.svg |  3 +++
 .../flowy_icons/16x/m_add_block_divider.svg        |  4 ++--
 .../flowy_icons/16x/m_add_block_formula.svg        |  4 ++--
 .../resources/flowy_icons/16x/m_add_block_h1.svg   |  6 +++---
 .../resources/flowy_icons/16x/m_add_block_h2.svg   |  6 +++---
 .../resources/flowy_icons/16x/m_add_block_h3.svg   |  6 +++---
 .../flowy_icons/16x/m_add_block_image.svg          |  5 +++++
 .../flowy_icons/16x/m_add_block_numbered_list.svg  | 14 +++++++-------
 .../flowy_icons/16x/m_add_block_paragraph.svg      |  4 ++--
 .../flowy_icons/16x/m_add_block_quote.svg          |  6 +++---
 .../flowy_icons/16x/m_add_block_toggle.svg         |  6 +++---
 16 files changed, 55 insertions(+), 48 deletions(-)
 create mode 100644 frontend/resources/flowy_icons/16x/m_add_block_date.svg
 create mode 100644 frontend/resources/flowy_icons/16x/m_add_block_image.svg

diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/add_block_toolbar_item.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/add_block_toolbar_item.dart
index 7cd0fda6a1..724211b6e7 100644
--- a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/add_block_toolbar_item.dart
+++ b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/mobile_toolbar_v3/add_block_toolbar_item.dart
@@ -170,7 +170,7 @@ class _AddBlockMenu extends StatelessWidget {
       value: DividerBlockKeys.type,
       backgroundColor: const Color(0xFF98F4CD),
       text: LocaleKeys.editor_image.tr(),
-      icon: FlowySvgs.m_toolbar_imae_lg,
+      icon: FlowySvgs.m_add_block_image_s,
       onTap: (_, __) async {
         AppGlobals.rootNavKey.currentContext?.pop(true);
         Future.delayed(const Duration(milliseconds: 400), () async {
@@ -185,7 +185,7 @@ class _AddBlockMenu extends StatelessWidget {
       value: ParagraphBlockKeys.type,
       backgroundColor: const Color(0xFF91EAF5),
       text: LocaleKeys.editor_date.tr(),
-      icon: FlowySvgs.date_s,
+      icon: FlowySvgs.m_add_block_date_s,
       onTap: (_, __) => _insertBlock(dateMentionNode()),
     ),
 
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_bulleted_list.svg b/frontend/resources/flowy_icons/16x/m_add_block_bulleted_list.svg
index 50662aa7e2..f2a5895db1 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_bulleted_list.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_bulleted_list.svg
@@ -1,8 +1,8 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.0013 8.26628C6.73768 8.26628 7.33464 7.66932 7.33464 6.93294C7.33464 6.19656 6.73768 5.59961 6.0013 5.59961C5.26492 5.59961 4.66797 6.19656 4.66797 6.93294C4.66797 7.66932 5.26492 8.26628 6.0013 8.26628Z" fill="#1F2329"/>
-<path d="M10.8902 6.04405C10.3993 6.04405 10.0013 6.44202 10.0013 6.93294C10.0013 7.42386 10.3993 7.82183 10.8902 7.82183H22.4457C22.9367 7.82183 23.3346 7.42386 23.3346 6.93294C23.3346 6.44202 22.9367 6.04405 22.4457 6.04405H10.8902Z" fill="#1F2329"/>
-<path d="M10.8902 13.1552C10.3993 13.1552 10.0013 13.5531 10.0013 14.0441C10.0013 14.535 10.3993 14.9329 10.8902 14.9329H22.4457C22.9367 14.9329 23.3346 14.535 23.3346 14.0441C23.3346 13.5531 22.9367 13.1552 22.4457 13.1552H10.8902Z" fill="#1F2329"/>
-<path d="M10.0013 21.1552C10.0013 20.6642 10.3993 20.2663 10.8902 20.2663H22.4457C22.9367 20.2663 23.3346 20.6642 23.3346 21.1552C23.3346 21.6461 22.9367 22.0441 22.4457 22.0441H10.8902C10.3993 22.0441 10.0013 21.6461 10.0013 21.1552Z" fill="#1F2329"/>
-<path d="M7.33464 14.0441C7.33464 14.7804 6.73768 15.3774 6.0013 15.3774C5.26492 15.3774 4.66797 14.7804 4.66797 14.0441C4.66797 13.3077 5.26492 12.7107 6.0013 12.7107C6.73768 12.7107 7.33464 13.3077 7.33464 14.0441Z" fill="#1F2329"/>
-<path d="M6.0013 22.4885C6.73768 22.4885 7.33464 21.8915 7.33464 21.1552C7.33464 20.4188 6.73768 19.8218 6.0013 19.8218C5.26492 19.8218 4.66797 20.4188 4.66797 21.1552C4.66797 21.8915 5.26492 22.4885 6.0013 22.4885Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.57143 8.15789C6.4393 8.15789 7.14286 7.45098 7.14286 6.57895C7.14286 5.70692 6.4393 5 5.57143 5C4.70355 5 4 5.70692 4 6.57895C4 7.45098 4.70355 8.15789 5.57143 8.15789Z" fill="#1F2329"/>
+<path d="M11.3333 5.52632C10.7548 5.52632 10.2857 5.9976 10.2857 6.57895C10.2857 7.1603 10.7547 7.63158 11.3333 7.63158H24.9524C25.531 7.63158 26 7.1603 26 6.57895C26 5.9976 25.531 5.52632 24.9524 5.52632H11.3333Z" fill="#1F2329"/>
+<path d="M11.3333 13.9474C10.7548 13.9474 10.2857 14.4186 10.2857 15C10.2857 15.5814 10.7547 16.0526 11.3333 16.0526H24.9524C25.531 16.0526 26 15.5814 26 15C26 14.4186 25.531 13.9474 24.9524 13.9474H11.3333Z" fill="#1F2329"/>
+<path d="M10.2857 23.4211C10.2857 22.8397 10.7548 22.3684 11.3333 22.3684H24.9524C25.531 22.3684 26 22.8397 26 23.4211C26 24.0024 25.531 24.4737 24.9524 24.4737H11.3333C10.7547 24.4737 10.2857 24.0024 10.2857 23.4211Z" fill="#1F2329"/>
+<path d="M7.14286 15C7.14286 15.872 6.4393 16.5789 5.57143 16.5789C4.70355 16.5789 4 15.872 4 15C4 14.128 4.70355 13.4211 5.57143 13.4211C6.4393 13.4211 7.14286 14.128 7.14286 15Z" fill="#1F2329"/>
+<path d="M5.57143 25C6.4393 25 7.14286 24.2931 7.14286 23.4211C7.14286 22.549 6.4393 21.8421 5.57143 21.8421C4.70355 21.8421 4 22.549 4 23.4211C4 24.2931 4.70355 25 5.57143 25Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_callout.svg b/frontend/resources/flowy_icons/16x/m_add_block_callout.svg
index 9f65c59c22..a7531360e0 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_callout.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_callout.svg
@@ -1,5 +1,5 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.9081 5.1333C5.92871 5.1333 5.13477 5.92725 5.13477 6.90663V12.2266C5.13477 13.206 5.92871 14 6.9081 14H21.0948C22.0742 14 22.8681 13.206 22.8681 12.2266V6.90663C22.8681 5.92725 22.0742 5.1333 21.0948 5.1333H6.9081ZM21.0948 6.90663V12.2266H6.9081V6.90663H21.0948Z" fill="#1F2329"/>
-<path d="M6.02143 17.5466C6.02143 17.0569 6.41841 16.66 6.9081 16.66H21.0948C21.5845 16.66 21.9814 17.0569 21.9814 17.5466C21.9814 18.0363 21.5845 18.4333 21.0948 18.4333H6.9081C6.41841 18.4333 6.02143 18.0363 6.02143 17.5466Z" fill="#1F2329"/>
-<path d="M6.9081 21.0933C6.41841 21.0933 6.02143 21.4903 6.02143 21.98C6.02143 22.4697 6.41841 22.8666 6.9081 22.8666H14.0014C14.4911 22.8666 14.8881 22.4697 14.8881 21.98C14.8881 21.4903 14.4911 21.0933 14.0014 21.0933H6.9081Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.4 5.5C6.35066 5.5 5.5 6.35066 5.5 7.4V13.1C5.5 14.1493 6.35066 15 7.4 15H22.6C23.6493 15 24.5 14.1493 24.5 13.1V7.4C24.5 6.35066 23.6493 5.5 22.6 5.5H7.4ZM22.6 7.4V13.1H7.4V7.4H22.6Z" fill="#1F2329"/>
+<path d="M6.45 18.8C6.45 18.2753 6.87533 17.85 7.4 17.85H22.6C23.1247 17.85 23.55 18.2753 23.55 18.8C23.55 19.3247 23.1247 19.75 22.6 19.75H7.4C6.87533 19.75 6.45 19.3247 6.45 18.8Z" fill="#1F2329"/>
+<path d="M7.4 22.6C6.87533 22.6 6.45 23.0253 6.45 23.55C6.45 24.0747 6.87533 24.5 7.4 24.5H15C15.5247 24.5 15.95 24.0747 15.95 23.55C15.95 23.0253 15.5247 22.6 15 22.6H7.4Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_checkbox.svg b/frontend/resources/flowy_icons/16x/m_add_block_checkbox.svg
index f1c5ea24a4..2bde06d86e 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_checkbox.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_checkbox.svg
@@ -1,4 +1,3 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.41229 6.80125C6.60255 6.6103 6.86059 6.50303 7.12965 6.50303H17.2746C17.733 6.50303 18.1046 6.13006 18.1046 5.66997C18.1046 5.20989 17.733 4.83691 17.2746 4.83691H7.12965C6.42031 4.83691 5.74002 5.11972 5.23844 5.62313C4.73686 6.12653 4.45508 6.80929 4.45508 7.52121V20.4799C4.45508 21.1918 4.73686 21.8746 5.23844 22.378C5.74002 22.8814 6.42031 23.1642 7.12965 23.1642H20.0414C20.7507 23.1642 21.431 22.8814 21.9326 22.378C22.4342 21.8746 22.7159 21.1918 22.7159 20.4799V14.8336C22.7159 14.3735 22.3443 14.0006 21.8859 14.0006C21.4275 14.0006 21.0559 14.3735 21.0559 14.8336V20.4799C21.0559 20.7499 20.949 21.0089 20.7587 21.1999C20.5685 21.3908 20.3104 21.4981 20.0414 21.4981H7.12965C6.86059 21.4981 6.60255 21.3908 6.41229 21.1999C6.22204 21.0089 6.11516 20.7499 6.11516 20.4799V7.52121C6.11516 7.25117 6.22204 6.99219 6.41229 6.80125Z" fill="#1F2329"/>
-<path d="M23.2818 8.78072C23.6177 8.46766 23.6372 7.94056 23.3252 7.60341C23.0133 7.26626 22.4881 7.24674 22.1522 7.55981L13.7781 15.364L11.6612 13.3912C11.3253 13.0781 10.8001 13.0977 10.4882 13.4348C10.1763 13.772 10.1957 14.2991 10.5316 14.6121L13.2133 17.1113C13.5318 17.4081 14.0244 17.4081 14.3429 17.1113L23.2818 8.78072Z" fill="#1F2329"/>
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.8333 15.4762L15.2179 18.619L26.5 8.14286M25.4524 16.5238V23.6243C25.4524 24.2418 25.2071 24.8339 24.7705 25.2705C24.3339 25.7071 23.7418 25.9524 23.1243 25.9524H6.82804C6.21061 25.9524 5.61846 25.7071 5.18187 25.2705C4.74528 24.8339 4.5 24.2418 4.5 23.6243V7.32804C4.5 6.71061 4.74528 6.11846 5.18187 5.68187C5.61846 5.24528 6.21061 5 6.82804 5H19.6323" stroke="#192432" stroke-width="1.92762" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_code.svg b/frontend/resources/flowy_icons/16x/m_add_block_code.svg
index e9825fe194..8b3dced8e1 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_code.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_code.svg
@@ -1,5 +1,5 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1457 3.50661C14.666 3.44772 14.2295 3.78881 14.1706 4.26845L12.0379 21.638C11.979 22.1177 12.3201 22.5542 12.7997 22.6131C13.2794 22.672 13.7159 22.3309 13.7748 21.8513L15.9075 4.48173C15.9664 4.00208 15.6253 3.56551 15.1457 3.50661Z" fill="#1F2329"/>
-<path d="M10.6812 7.19113C11.0229 7.53284 11.0229 8.08685 10.6812 8.42856L5.61244 13.4973L10.6812 18.5661C11.0229 18.9078 11.0229 19.4619 10.6812 19.8036C10.3395 20.1453 9.78549 20.1453 9.44378 19.8036L3.75628 14.1161C3.41457 13.7744 3.41457 13.2203 3.75628 12.8786L9.44378 7.19113C9.78549 6.84942 10.3395 6.84942 10.6812 7.19113Z" fill="#1F2329"/>
-<path d="M17.3188 7.19113C16.9771 7.53284 16.9771 8.08685 17.3188 8.42856L22.3876 13.4973L17.3188 18.5661C16.9771 18.9078 16.9771 19.4619 17.3188 19.8036C17.6605 20.1453 18.2145 20.1453 18.5562 19.8036L24.2437 14.1161C24.5854 13.7744 24.5854 13.2203 24.2437 12.8786L18.5562 7.19113C18.2145 6.84942 17.6605 6.84942 17.3188 7.19113Z" fill="#1F2329"/>
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.7275 5.00708C16.2136 4.94398 15.7459 5.30944 15.6828 5.82334L13.3977 24.4336C13.3346 24.9475 13.7001 25.4152 14.214 25.4783C14.7279 25.5414 15.1956 25.176 15.2587 24.6621L17.5438 6.05185C17.6069 5.53794 17.2414 5.07018 16.7275 5.00708Z" fill="#1F2329"/>
+<path d="M11.9442 8.95478C12.3103 9.32089 12.3103 9.91449 11.9442 10.2806L6.51332 15.7114L11.9442 21.1423C12.3103 21.5084 12.3103 22.102 11.9442 22.4681C11.578 22.8342 10.9845 22.8342 10.6183 22.4681L4.52459 16.3744C4.15847 16.0082 4.15847 15.4146 4.52459 15.0485L10.6183 8.95478C10.9845 8.58866 11.578 8.58866 11.9442 8.95478Z" fill="#1F2329"/>
+<path d="M19.0558 8.95478C18.6897 9.32089 18.6897 9.91449 19.0558 10.2806L24.4867 15.7114L19.0558 21.1423C18.6897 21.5084 18.6897 22.102 19.0558 22.4681C19.422 22.8342 20.0155 22.8342 20.3817 22.4681L26.4754 16.3744C26.8415 16.0082 26.8415 15.4146 26.4754 15.0485L20.3817 8.95478C20.0155 8.58866 19.422 8.58866 19.0558 8.95478Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_date.svg b/frontend/resources/flowy_icons/16x/m_add_block_date.svg
new file mode 100644
index 0000000000..c059e0decc
--- /dev/null
+++ b/frontend/resources/flowy_icons/16x/m_add_block_date.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5992 4.46745V4.56745H10.6992H20.0326H20.1326V4.46745C20.1326 3.87834 20.6101 3.40078 21.1992 3.40078C21.7883 3.40078 22.2659 3.87834 22.2659 4.46745V4.56745H22.3659H24.6993C25.9327 4.56745 26.9326 5.56734 26.9326 6.80078V24.3008C26.9326 25.5342 25.9327 26.5341 24.6992 26.5341H6.03255C4.79912 26.5341 3.79922 25.5342 3.79922 24.3008V6.80078C3.79922 5.56734 4.79908 4.56745 6.03251 4.56745H8.36589H8.46589V4.46745C8.46589 3.87834 8.94345 3.40078 9.53255 3.40078C10.1217 3.40078 10.5992 3.87834 10.5992 4.46745ZM24.6992 11.5674H24.7992V11.4674V6.80078V6.70078H24.6992H22.3659H22.2659V6.80078C22.2659 7.38989 21.7883 7.86745 21.1992 7.86745C20.6101 7.86745 20.1326 7.38988 20.1326 6.80078V6.70078H20.0326H10.6992H10.5992V6.80078C10.5992 7.38989 10.1217 7.86745 9.53255 7.86745C8.94345 7.86745 8.46589 7.38988 8.46589 6.80078V6.70078H8.36589H6.03255H5.93255V6.80078V11.4674V11.5674H6.03255H24.6992ZM6.03255 13.7008H5.93255V13.8008V24.3008V24.4008H6.03255H24.6992H24.7992V24.3008V13.8008V13.7008H24.6992H6.03255Z" fill="#2B2F36" stroke="#91EAF5" stroke-width="0.2"/>
+</svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_divider.svg b/frontend/resources/flowy_icons/16x/m_add_block_divider.svg
index 6c0d489424..e235eebf8e 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_divider.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_divider.svg
@@ -1,3 +1,3 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.39026 13.02C4.86191 13.02 4.43359 13.4483 4.43359 13.9767C4.43359 14.505 4.86191 14.9334 5.39026 14.9334H22.6103C23.1386 14.9334 23.5669 14.505 23.5669 13.9767C23.5669 13.4483 23.1386 13.02 22.6103 13.02H5.39026Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 14C5.44772 14 5 14.4031 5 14.9004C5 15.3977 5.44772 15.8008 6 15.8008H24C24.5523 15.8008 25 15.3977 25 14.9004C25 14.4031 24.5523 14 24 14H6Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_formula.svg b/frontend/resources/flowy_icons/16x/m_add_block_formula.svg
index 3a7b09937b..ffe0e8639c 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_formula.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_formula.svg
@@ -1,3 +1,3 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.39627 8.29966C5.32813 7.52282 5.87763 5.83301 7.19839 5.83301H21.2562C21.7583 5.83301 22.1654 6.24005 22.1654 6.74217C22.1654 7.24428 21.7583 7.65133 21.2562 7.65133H8.59631L15.8305 12.9125C16.5793 13.4572 16.5793 14.5738 15.8305 15.1184L8.59631 20.3796H21.2562C21.7583 20.3796 22.1654 20.7866 22.1654 21.2887C22.1654 21.7909 21.7583 22.1979 21.2562 22.1979H7.19839C5.87763 22.1979 5.32813 20.5081 6.39627 19.7313L14.2555 14.0155L6.39627 8.29966Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.62182 8.7131C5.44468 7.85865 6.05025 6 7.50578 6H22.9981C23.5514 6 24 6.44772 24 7C24 7.55228 23.5514 8 22.9981 8H9.04634L17.0187 13.7869C17.8439 14.3859 17.8439 15.6141 17.0187 16.2131L9.04634 22H22.9981C23.5514 22 24 22.4477 24 23C24 23.5523 23.5514 24 22.9981 24H7.50578C6.05025 24 5.44468 22.1413 6.62182 21.2869L15.283 15L6.62182 8.7131Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_h1.svg b/frontend/resources/flowy_icons/16x/m_add_block_h1.svg
index 7e390a7ff6..2fe52a4f0a 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_h1.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_h1.svg
@@ -1,4 +1,4 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.5069 7.19971H19.2669V23.9997H16.5069V16.7277H9.30687V23.9997H6.54688V7.19971H9.30687V14.0877H16.5069V7.19971Z" fill="#1F2329"/>
-<path d="M24.065 12.7997H25.985V23.9997H23.777V15.1357L21.665 15.7277L21.121 13.8397L24.065 12.7997Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5825 6H18.515V23.85H15.5825V16.1235H7.9325V23.85H5V6H7.9325V13.3185H15.5825V6Z" fill="#1F2329"/>
+<path d="M23.613 11.95H25.653V23.85H23.307V14.432L21.063 15.061L20.485 13.055L23.613 11.95Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_h2.svg b/frontend/resources/flowy_icons/16x/m_add_block_h2.svg
index e9d6aca012..b495d65232 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_h2.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_h2.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.4318 6.30029H15.8468V21.0003H13.4318V14.6373H7.1318V21.0003H4.7168V6.30029H7.1318V12.3273H13.4318V6.30029Z" fill="#1F2329"/>
-<path d="M17.6932 21.0003V19.5583L21.0392 16.1143C21.7858 15.3303 22.1592 14.677 22.1592 14.1543C22.1592 13.7716 22.0378 13.4636 21.7952 13.2303C21.5618 12.997 21.2585 12.8803 20.8852 12.8803C20.1478 12.8803 19.6018 13.263 19.2472 14.0283L17.6232 13.0763C17.9312 12.4043 18.3745 11.891 18.9532 11.5363C19.5318 11.1816 20.1665 11.0043 20.8572 11.0043C21.7438 11.0043 22.5045 11.2843 23.1392 11.8443C23.7738 12.395 24.0912 13.1416 24.0912 14.0843C24.0912 15.1016 23.5545 16.147 22.4812 17.2203L20.5632 19.1383H24.2452V21.0003H17.6932Z" fill="#1F2329"/>
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8922 6.75H17.4797V22.5H14.8922V15.6825H8.14219V22.5H5.55469V6.75H8.14219V13.2075H14.8922V6.75Z" fill="#1F2329"/>
+<path d="M19.4579 22.5V20.955L23.0429 17.265C23.8429 16.425 24.2429 15.725 24.2429 15.165C24.2429 14.755 24.1129 14.425 23.8529 14.175C23.6029 13.925 23.2779 13.8 22.8779 13.8C22.0879 13.8 21.5029 14.21 21.1229 15.03L19.3829 14.01C19.7129 13.29 20.1879 12.74 20.8079 12.36C21.4279 11.98 22.1079 11.79 22.8479 11.79C23.7979 11.79 24.6129 12.09 25.2929 12.69C25.9729 13.28 26.3129 14.08 26.3129 15.09C26.3129 16.18 25.7379 17.3 24.5879 18.45L22.5329 20.505H26.4779V22.5H19.4579Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_h3.svg b/frontend/resources/flowy_icons/16x/m_add_block_h3.svg
index 2caeba66d4..0fa7d11dc2 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_h3.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_h3.svg
@@ -1,4 +1,4 @@
-<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.3835 5.8501H14.626V19.5001H12.3835V13.5916H6.53352V19.5001H4.29102V5.8501H6.53352V11.4466H12.3835V5.8501Z" fill="#1F2329"/>
-<path d="M20.5785 14.0921C21.1938 14.2741 21.6922 14.5948 22.0735 15.0541C22.4635 15.5048 22.6585 16.0508 22.6585 16.6921C22.6585 17.6281 22.3422 18.3604 21.7095 18.8891C21.0855 19.4178 20.3185 19.6821 19.4085 19.6821C18.6978 19.6821 18.0608 19.5218 17.4975 19.2011C16.9428 18.8718 16.5398 18.3908 16.2885 17.7581L17.8225 16.8741C18.0478 17.5761 18.5765 17.9271 19.4085 17.9271C19.8678 17.9271 20.2232 17.8188 20.4745 17.6021C20.7345 17.3768 20.8645 17.0734 20.8645 16.6921C20.8645 16.3194 20.7345 16.0204 20.4745 15.7951C20.2232 15.5698 19.8678 15.4571 19.4085 15.4571H19.0185L18.3295 14.4171L20.1235 12.0771H16.5615V10.4001H22.2815V11.8821L20.5785 14.0921Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0925 8H16.335V21.65H14.0925V15.7415H8.2425V21.65H6V8H8.2425V13.5965H14.0925V8Z" fill="#1F2329"/>
+<path d="M22.2875 16.242C22.9028 16.424 23.4011 16.7447 23.7825 17.204C24.1725 17.6547 24.3675 18.2007 24.3675 18.842C24.3675 19.778 24.0511 20.5103 23.4185 21.039C22.7945 21.5677 22.0275 21.832 21.1175 21.832C20.4068 21.832 19.7698 21.6717 19.2065 21.351C18.6518 21.0217 18.2488 20.5407 17.9975 19.908L19.5315 19.024C19.7568 19.726 20.2855 20.077 21.1175 20.077C21.5768 20.077 21.9321 19.9687 22.1835 19.752C22.4435 19.5267 22.5735 19.2233 22.5735 18.842C22.5735 18.4693 22.4435 18.1703 22.1835 17.945C21.9321 17.7197 21.5768 17.607 21.1175 17.607H20.7275L20.0385 16.567L21.8325 14.227H18.2705V12.55H23.9905V14.032L22.2875 16.242Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_image.svg b/frontend/resources/flowy_icons/16x/m_add_block_image.svg
new file mode 100644
index 0000000000..a530ec541e
--- /dev/null
+++ b/frontend/resources/flowy_icons/16x/m_add_block_image.svg
@@ -0,0 +1,5 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="3.1951" y="5.96463" width="23.6077" height="18.0692" rx="2.73791" stroke="#333333" stroke-width="1.77692"/>
+<path d="M12.2972 12.2942C12.2972 13.294 11.4815 14.112 10.4659 14.112C9.4503 14.112 8.63456 13.294 8.63456 12.2942C8.63456 11.2944 9.4503 10.4764 10.4659 10.4764C11.4815 10.4764 12.2972 11.2944 12.2972 12.2942Z" stroke="#333333" stroke-width="1.77692"/>
+<path d="M9.55859 24.019L18.83 15.8187C19.3895 15.3238 20.1952 15.2227 20.8596 15.5639L26.7839 18.6064" stroke="#333333" stroke-width="1.77692"/>
+</svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_numbered_list.svg b/frontend/resources/flowy_icons/16x/m_add_block_numbered_list.svg
index 03583c1a0f..37cecf3609 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_numbered_list.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_numbered_list.svg
@@ -1,8 +1,8 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.3094 5.26017C7.3094 4.89219 6.91237 4.66352 6.59748 4.85013L6.16035 5.10912L6.15698 5.11122C6.11104 5.13988 6.0129 5.19965 5.88834 5.27551C5.59058 5.45685 5.14189 5.7301 4.89483 5.88991C4.7486 5.9845 4.66797 6.14638 4.66797 6.31426C4.66797 6.73685 5.14145 6.99237 5.49273 6.77211C5.69015 6.64832 5.897 6.52006 6.05084 6.42594V9.47287C6.05084 9.8229 6.33258 10.1067 6.68012 10.1067C7.02766 10.1067 7.3094 9.8229 7.3094 9.47287V5.26017Z" fill="#1F2329"/>
-<path d="M6.52728 11.5049C5.45533 11.5049 4.73934 12.221 4.73934 13.1174C4.73934 13.2387 4.83701 13.3371 4.95748 13.3371H5.73219C5.85642 13.3371 5.95712 13.2357 5.95712 13.1106C5.95712 12.8297 6.15554 12.5945 6.4865 12.5945C6.6462 12.5945 6.77366 12.6461 6.85945 12.726C6.94385 12.8045 6.99889 12.9201 6.99889 13.0729C6.99889 13.3485 6.83486 13.5796 6.53005 13.9038L4.95186 15.6279C4.85235 15.7366 4.79711 15.8791 4.79711 16.0269C4.79711 16.352 5.05878 16.6156 5.38156 16.6156H7.99308C8.29558 16.6156 8.54081 16.3686 8.54081 16.0639C8.54081 15.7592 8.29558 15.5122 7.99308 15.5122H6.58505L7.39655 14.5941C7.92644 14.0229 8.25745 13.6073 8.25745 12.9874C8.25745 12.5544 8.07954 12.1785 7.76798 11.9136C7.45852 11.6506 7.02723 11.5049 6.52728 11.5049Z" fill="#1F2329"/>
-<path d="M6.54087 18.014C5.66581 18.014 5.06907 18.4324 4.84834 19.0459C4.78249 19.2288 4.8325 19.4057 4.94143 19.5299C5.04732 19.6506 5.20818 19.723 5.37872 19.723C5.54531 19.723 5.68449 19.6514 5.7942 19.5649C5.90294 19.4793 5.99365 19.3705 6.06608 19.2761C6.14945 19.1675 6.28935 19.0796 6.51029 19.0796C6.69326 19.0796 6.83142 19.1348 6.92113 19.2133C7.00931 19.2905 7.06005 19.3978 7.06005 19.5272L7.06006 19.5288C7.06133 19.6735 7.00723 19.7899 6.91625 19.8719C6.82375 19.9553 6.68218 20.0125 6.4967 20.0125H6.37437C6.08313 20.0125 5.84703 20.2503 5.84703 20.5436C5.84703 20.837 6.08313 21.0747 6.37437 21.0747H6.52048C6.76021 21.0747 6.92816 21.1399 7.03363 21.2305C7.13686 21.3191 7.19467 21.4441 7.19597 21.5991C7.19728 21.7568 7.13919 21.8869 7.03483 21.9796C6.92879 22.0738 6.76132 22.1411 6.52728 22.1411C6.24898 22.1411 6.06801 22.0411 5.96758 21.91C5.89613 21.8167 5.8069 21.7104 5.69965 21.6269C5.59127 21.5426 5.45442 21.4738 5.2909 21.4738C5.1202 21.4738 4.95925 21.5459 4.85259 21.6662C4.74308 21.7897 4.69131 21.9658 4.75335 22.1493C4.96537 22.7768 5.55891 23.217 6.50349 23.217C7.02667 23.217 7.51362 23.0701 7.87299 22.7992C8.2354 22.5261 8.46716 22.1256 8.4613 21.6397C8.45309 21.0359 8.13412 20.6565 7.77133 20.4724C8.06697 20.2701 8.31962 19.9088 8.31178 19.4007C8.29561 18.5577 7.5122 18.014 6.54087 18.014Z" fill="#1F2329"/>
-<path d="M10.287 7.18003C10.287 6.69619 10.6764 6.30395 11.1568 6.30395H22.4648C22.9452 6.30395 23.3346 6.69619 23.3346 7.18003C23.3346 7.66387 22.9452 8.05611 22.4648 8.05611H11.1568C10.6764 8.05611 10.287 7.66387 10.287 7.18003Z" fill="#1F2329"/>
-<path d="M10.287 14.1886C10.287 13.7048 10.6764 13.3126 11.1568 13.3126H22.4648C22.9452 13.3126 23.3346 13.7048 23.3346 14.1886C23.3346 14.6725 22.9452 15.0647 22.4648 15.0647H11.1568C10.6764 15.0647 10.287 14.6725 10.287 14.1886Z" fill="#1F2329"/>
-<path d="M10.287 21.1973C10.287 20.7134 10.6764 20.3212 11.1568 20.3212H22.4648C22.9452 20.3212 23.3346 20.7134 23.3346 21.1973C23.3346 21.6811 22.9452 22.0733 22.4648 22.0733H11.1568C10.6764 22.0733 10.287 21.6811 10.287 21.1973Z" fill="#1F2329"/>
+<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.11311 4.56867C8.11311 4.12949 7.64519 3.85657 7.27406 4.07929L6.75888 4.38839L6.75491 4.3909C6.70076 4.42511 6.58509 4.49645 6.4383 4.58698C6.08736 4.8034 5.55855 5.12952 5.26737 5.32026C5.09503 5.43315 5 5.62636 5 5.82672C5 6.33108 5.55803 6.63604 5.97203 6.37316C6.20471 6.22542 6.4485 6.07234 6.62982 5.96001V9.59649C6.62982 10.0142 6.96186 10.3529 7.37146 10.3529C7.78107 10.3529 8.11311 10.0142 8.11311 9.59649V4.56867Z" fill="#1F2329"/>
+<path d="M7.19133 12.0217C5.92796 12.0217 5.08412 12.8764 5.08412 13.9462C5.08412 14.091 5.19922 14.2084 5.34121 14.2084H6.25426C6.40067 14.2084 6.51936 14.0874 6.51936 13.938C6.51936 13.6029 6.75321 13.3221 7.14327 13.3221C7.33148 13.3221 7.48171 13.3838 7.58282 13.479C7.68229 13.5727 7.74716 13.7108 7.74716 13.8931C7.74716 14.222 7.55383 14.4978 7.1946 14.8848L5.33458 16.9425C5.21731 17.0722 5.1522 17.2422 5.1522 17.4187C5.1522 17.8067 5.46059 18.1212 5.84102 18.1212H8.91888C9.2754 18.1212 9.56442 17.8264 9.56442 17.4628C9.56442 17.0992 9.2754 16.8044 8.91888 16.8044H7.25941L8.21583 15.7086C8.84035 15.0269 9.23046 14.5309 9.23046 13.791C9.23046 13.2742 9.02078 12.8256 8.65359 12.5095C8.28887 12.1956 7.78055 12.0217 7.19133 12.0217Z" fill="#1F2329"/>
+<path d="M7.20735 19.7902C6.17603 19.7902 5.47273 20.2897 5.21257 21.0218C5.13497 21.2401 5.19392 21.4512 5.32229 21.5994C5.44709 21.7435 5.63668 21.8299 5.83767 21.8299C6.03401 21.8299 6.19804 21.7444 6.32735 21.6413C6.4555 21.539 6.56241 21.4092 6.64777 21.2965C6.74603 21.1669 6.91092 21.062 7.1713 21.062C7.38695 21.062 7.54978 21.1279 7.65551 21.2216C7.75944 21.3137 7.81924 21.4418 7.81924 21.5963L7.81925 21.5981C7.82075 21.7709 7.75699 21.9098 7.64976 22.0077C7.54074 22.1072 7.37389 22.1754 7.15529 22.1754H7.01112C6.66787 22.1754 6.38961 22.4592 6.38961 22.8093C6.38961 23.1594 6.66787 23.4432 7.01112 23.4432H7.18332C7.46585 23.4432 7.6638 23.5209 7.7881 23.6291C7.90976 23.7349 7.9779 23.8841 7.97943 24.0691C7.98097 24.2572 7.91251 24.4125 7.78951 24.5231C7.66454 24.6356 7.46716 24.7159 7.19133 24.7159C6.86333 24.7159 6.65005 24.5965 6.53169 24.4401C6.44747 24.3287 6.34231 24.2019 6.21591 24.1022C6.08818 24.0016 5.92689 23.9194 5.73417 23.9194C5.53299 23.9194 5.34329 24.0055 5.21758 24.1491C5.08852 24.2966 5.02751 24.5066 5.10063 24.7257C5.35051 25.4746 6.05004 26 7.16329 26C7.77989 26 8.3538 25.8247 8.77735 25.5014C9.20447 25.1754 9.47762 24.6974 9.47071 24.1175C9.46103 23.3969 9.0851 22.9441 8.65754 22.7243C9.00596 22.4829 9.30373 22.0517 9.29449 21.4452C9.27543 20.4392 8.35213 19.7902 7.20735 19.7902Z" fill="#1F2329"/>
+<path d="M11.6224 6.86001C11.6224 6.28254 12.0814 5.81442 12.6476 5.81442H25.9748C26.541 5.81442 27 6.28254 27 6.86001C27 7.43747 26.541 7.90559 25.9748 7.90559H12.6476C12.0814 7.90559 11.6224 7.43747 11.6224 6.86001Z" fill="#1F2329"/>
+<path d="M11.6224 15.2247C11.6224 14.6473 12.0814 14.1791 12.6476 14.1791H25.9748C26.541 14.1791 27 14.6473 27 15.2247C27 15.8022 26.541 16.2703 25.9748 16.2703H12.6476C12.0814 16.2703 11.6224 15.8022 11.6224 15.2247Z" fill="#1F2329"/>
+<path d="M11.6224 23.5894C11.6224 23.012 12.0814 22.5438 12.6476 22.5438H25.9748C26.541 22.5438 27 23.012 27 23.5894C27 24.1669 26.541 24.635 25.9748 24.635H12.6476C12.0814 24.635 11.6224 24.1669 11.6224 23.5894Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_paragraph.svg b/frontend/resources/flowy_icons/16x/m_add_block_paragraph.svg
index fbe94182cb..01c15e0202 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_paragraph.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_paragraph.svg
@@ -1,3 +1,3 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.48047 5.91493C5.48047 5.4188 5.88611 5.0166 6.3865 5.0166H21.6078C22.1082 5.0166 22.5138 5.4188 22.5138 5.91493V8.13081C22.5138 8.62694 22.1082 9.02914 21.6078 9.02914C21.1074 9.02914 20.7017 8.62694 20.7017 8.13081V6.81327H14.9032V21.1866H17.6212C18.1216 21.1866 18.5272 21.5888 18.5272 22.0849C18.5272 22.5811 18.1216 22.9833 17.6212 22.9833H10.373C9.87259 22.9833 9.46695 22.5811 9.46695 22.0849C9.46695 21.5888 9.87259 21.1866 10.373 21.1866H13.0912V6.81327H7.29253V8.13081C7.29253 8.62694 6.88688 9.02914 6.3865 9.02914C5.88611 9.02914 5.48047 8.62694 5.48047 8.13081V5.91493Z" fill="#333333"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.87109 6.3375C5.87109 5.80593 6.30571 5.375 6.84184 5.375H23.1504C23.6865 5.375 24.1211 5.80593 24.1211 6.3375V8.71165C24.1211 9.24322 23.6865 9.67415 23.1504 9.67415C22.6142 9.67415 22.1796 9.24322 22.1796 8.71165V7.3H15.9669V22.7H18.879C19.4152 22.7 19.8498 23.1309 19.8498 23.6625C19.8498 24.1941 19.4152 24.625 18.879 24.625H11.1131C10.5769 24.625 10.1423 24.1941 10.1423 23.6625C10.1423 23.1309 10.5769 22.7 11.1131 22.7H14.0254V7.3H7.81258V8.71165C7.81258 9.24322 7.37797 9.67415 6.84184 9.67415C6.30571 9.67415 5.87109 9.24322 5.87109 8.71165V6.3375Z" fill="#333333"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_quote.svg b/frontend/resources/flowy_icons/16x/m_add_block_quote.svg
index 236d7fd1a8..9d3cecd6f3 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_quote.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_quote.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8267 16.6021C22.4 15.9788 22.75 15.147 22.75 14.2334C22.75 12.3004 21.183 10.7334 19.25 10.7334C17.317 10.7334 15.75 12.3004 15.75 14.2334C15.75 16.0604 17.1498 17.5604 18.9354 17.7195L17.5209 19.7778L18.9632 20.7689L21.8267 16.6021Z" fill="#1F2329"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3267 13.1021C11.9 12.4788 12.25 11.647 12.25 10.7334C12.25 8.8004 10.683 7.2334 8.75 7.2334C6.817 7.2334 5.25 8.8004 5.25 10.7334C5.25 12.5604 6.64982 14.0604 8.43542 14.2195L7.0209 16.2778L8.46316 17.2689L11.3267 13.1021Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.3836 17.7882C23.9991 17.1202 24.375 16.228 24.375 15.248C24.375 13.177 22.6961 11.498 20.625 11.498C18.5539 11.498 16.875 13.177 16.875 15.248C16.875 17.2053 18.3745 18.8124 20.2874 18.9831L18.7724 21.1876L20.3177 22.2496L23.3836 17.7882Z" fill="#1F2329"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.1336 14.0382C12.7491 13.3702 13.125 12.478 13.125 11.498C13.125 9.42698 11.4461 7.74805 9.375 7.74805C7.30393 7.74805 5.625 9.42698 5.625 11.498C5.625 13.4553 7.12454 15.0624 9.03744 15.2331L7.52239 17.4376L9.06767 18.4996L12.1336 14.0382Z" fill="#1F2329"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/16x/m_add_block_toggle.svg b/frontend/resources/flowy_icons/16x/m_add_block_toggle.svg
index 3d31174900..456cc42ff4 100644
--- a/frontend/resources/flowy_icons/16x/m_add_block_toggle.svg
+++ b/frontend/resources/flowy_icons/16x/m_add_block_toggle.svg
@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="4.79823" y="4.79921" width="18.4009" height="18.4009" rx="4.24213" stroke="#1F2329" stroke-width="1.43241"/>
-<path d="M13.5312 16.4487L10.4606 13.3781C10.0441 12.9616 10.3391 12.2495 10.9281 12.2495H17.0693C17.6583 12.2495 17.9533 12.9616 17.5368 13.3781L14.4662 16.4487C14.208 16.7069 13.7894 16.7069 13.5312 16.4487Z" fill="#1F2329"/>
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.33056" y="4.33056" width="21.3389" height="21.3389" rx="4.91945" stroke="#1F2329" stroke-width="1.66111"/>
+<path d="M14.4595 17.8404L10.8986 14.2795C10.4157 13.7965 10.7577 12.9707 11.4407 12.9707H18.5625C19.2455 12.9707 19.5876 13.7965 19.1046 14.2795L15.5437 17.8404C15.2443 18.1398 14.7589 18.1398 14.4595 17.8404Z" fill="#1F2329"/>
 </svg>