diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/ai/operations/ai_writer_entities.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/ai/operations/ai_writer_entities.dart
index f15c2e6d7f..372bc8dbf9 100644
--- a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/ai/operations/ai_writer_entities.dart
+++ b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/ai/operations/ai_writer_entities.dart
@@ -91,13 +91,15 @@ enum AiWriterCommand {
       };
 
   FlowySvgData get icon => switch (this) {
-        userQuestion => FlowySvgs.ai_sparks_s,
-        explain => FlowySvgs.ai_explain_m,
+        userQuestion => FlowySvgs.toolbar_ai_ask_anything_m,
+        explain => FlowySvgs.toolbar_ai_explain_m,
         // summarize => FlowySvgs.ai_summarize_s,
-        continueWriting || improveWriting => FlowySvgs.ai_improve_writing_s,
-        fixSpellingAndGrammar => FlowySvgs.ai_fix_spelling_grammar_s,
-        makeShorter => FlowySvgs.ai_make_shorter_s,
-        makeLonger => FlowySvgs.ai_make_longer_s,
+        continueWriting ||
+        improveWriting =>
+          FlowySvgs.toolbar_ai_improve_writing_m,
+        fixSpellingAndGrammar => FlowySvgs.toolbar_ai_fix_spelling_grammar_m,
+        makeShorter => FlowySvgs.toolbar_ai_make_shorter_m,
+        makeLonger => FlowySvgs.toolbar_ai_make_longer_m,
       };
 
   CompletionTypePB toCompletionType() => switch (this) {
diff --git a/frontend/resources/flowy_icons/20x/toolbar_ai_ask_anything.svg b/frontend/resources/flowy_icons/20x/toolbar_ai_ask_anything.svg
new file mode 100644
index 0000000000..d98a0c90fd
--- /dev/null
+++ b/frontend/resources/flowy_icons/20x/toolbar_ai_ask_anything.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.03338 4.65784C8.37931 3.78072 9.62067 3.78072 9.9666 4.65785L11.0386 7.37598C11.1442 7.64377 11.3562 7.85575 11.624 7.96136L14.3422 9.03338C15.2193 9.37931 15.2193 10.6207 14.3422 10.9666L11.624 12.0386C11.3562 12.1442 11.1442 12.3562 11.0386 12.624L9.9666 15.3422C9.62066 16.2193 8.37931 16.2193 8.03338 15.3422L6.96136 12.624C6.85574 12.3562 6.64377 12.1442 6.37598 12.0386L3.65784 10.9666C2.78072 10.6207 2.78072 9.37931 3.65785 9.03338L6.37598 7.96136C6.64377 7.85574 6.85575 7.64377 6.96136 7.37598L8.03338 4.65784Z" stroke="#21232A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.2788 2.18536C15.1765 1.93826 14.8264 1.9382 14.7239 2.18526L14.5912 2.5053C14.3879 2.99548 13.9983 3.3849 13.5079 3.58798L13.1854 3.72156C12.9382 3.82396 12.9382 4.17415 13.1855 4.27647L13.5049 4.40864C13.9962 4.61192 14.3865 5.00222 14.5896 5.49348L14.7224 5.81445C14.8247 6.0618 15.1751 6.06186 15.2774 5.81455L15.4093 5.49609C15.6125 5.00523 16.0025 4.61524 16.4934 4.41202L16.8158 4.27854C17.063 4.1762 17.0631 3.8261 16.8159 3.72367L16.4957 3.59096C16.0053 3.38775 15.6156 2.99814 15.4124 2.50778L15.2788 2.18536ZM15.2788 14.1854C15.1765 13.9383 14.8264 13.9382 14.7239 14.1853L14.5912 14.5053C14.3879 14.9955 13.9983 15.3849 13.5079 15.588L13.1854 15.7216C12.9382 15.824 12.9382 16.1742 13.1855 16.2765L13.5049 16.4086C13.9962 16.6119 14.3865 17.0022 14.5896 17.4935L14.7224 17.8145C14.8247 18.0618 15.1751 18.0619 15.2774 17.8145L15.4093 17.4961C15.6125 17.0052 16.0025 16.6152 16.4934 16.412L16.8158 16.2785C17.063 16.1762 17.0631 15.8261 16.8159 15.7237L16.4957 15.591C16.0053 15.3878 15.6156 14.9981 15.4124 14.5078L15.2788 14.1854Z" fill="#21232A"/>
+</svg>
diff --git a/frontend/resources/flowy_icons/20x/toolbar_ai_explain.svg b/frontend/resources/flowy_icons/20x/toolbar_ai_explain.svg
new file mode 100644
index 0000000000..5797e960e5
--- /dev/null
+++ b/frontend/resources/flowy_icons/20x/toolbar_ai_explain.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4708 14C10.2878 14 10.1123 13.9273 9.98294 13.7979C9.85356 13.6686 9.78088 13.4931 9.78088 13.3101C9.78088 13.1271 9.85356 12.9517 9.98294 12.8223C10.1123 12.6929 10.2878 12.6202 10.4708 12.6202C10.6537 12.6202 10.8292 12.6929 10.9586 12.8223C11.088 12.9517 11.1607 13.1271 11.1607 13.3101C11.1607 13.4931 11.088 13.6686 10.9586 13.7979C10.8292 13.9273 10.6537 14 10.4708 14ZM8.60574 8.56588C8.53755 8.56539 8.47023 8.55047 8.40821 8.52212C8.34619 8.49376 8.29088 8.4526 8.2459 8.40134C8.20092 8.35009 8.1673 8.28989 8.14724 8.22471C8.12718 8.15954 8.12114 8.09085 8.12951 8.02318C8.16085 7.75491 8.21071 7.53555 8.27908 7.3651C8.39498 7.08258 8.57529 6.83106 8.80563 6.63058C9.0395 6.41921 9.31352 6.25709 9.61137 6.15388C9.91328 6.05038 10.2304 5.99837 10.5496 6.00004C11.2143 6.00004 11.7675 6.19566 12.21 6.58737C12.6525 6.97766 12.8742 7.49899 12.8742 8.14947C12.8742 8.44195 12.8172 8.70689 12.7033 8.94429C12.5903 9.18217 12.3491 9.47845 11.9802 9.83265C11.6103 10.1873 11.3662 10.4394 11.2452 10.5895C11.1197 10.7489 11.0268 10.9313 10.9717 11.1265C10.9384 11.2362 10.9147 11.3658 10.9019 11.5149C10.8791 11.7665 10.6768 11.9659 10.4242 11.9659C10.357 11.9655 10.2907 11.9511 10.2294 11.9236C10.1681 11.8961 10.1132 11.8562 10.0682 11.8062C10.0232 11.7563 9.98909 11.6976 9.96807 11.6338C9.94705 11.57 9.93957 11.5025 9.94611 11.4356C9.96273 11.2628 9.98789 11.1122 10.023 10.984C10.0881 10.7395 10.1868 10.5259 10.3188 10.3431C10.4504 10.1598 10.6878 9.89105 11.031 9.53637C11.3748 9.18217 11.5961 8.92388 11.6958 8.76387C11.7936 8.60291 11.8966 8.34129 11.8966 8.02318C11.8966 7.70506 11.729 7.44629 11.5035 7.20129C11.2765 6.95629 10.9475 6.83332 10.5159 6.83332C9.67357 6.83332 9.19592 7.26681 9.08387 8.1338C9.05206 8.37785 8.85359 8.56588 8.60764 8.56588H8.60574Z" fill="#21232A"/>
+<circle cx="10.5" cy="10.5" r="7.5" stroke="#21232A"/>
+</svg>
diff --git a/frontend/resources/flowy_icons/20x/toolbar_ai_fix_spelling_grammar.svg b/frontend/resources/flowy_icons/20x/toolbar_ai_fix_spelling_grammar.svg
new file mode 100644
index 0000000000..75449c7c61
--- /dev/null
+++ b/frontend/resources/flowy_icons/20x/toolbar_ai_fix_spelling_grammar.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8181 6L7.81813 14L4.18176 10.3636" stroke="#21232A" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/frontend/resources/flowy_icons/20x/toolbar_ai_improve_writing.svg b/frontend/resources/flowy_icons/20x/toolbar_ai_improve_writing.svg
index dd0390d2d5..c3e37c35a2 100644
--- a/frontend/resources/flowy_icons/20x/toolbar_ai_improve_writing.svg
+++ b/frontend/resources/flowy_icons/20x/toolbar_ai_improve_writing.svg
@@ -1,4 +1,4 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.55364 2.82613L5.01065 2.63676L4.55364 2.82613C4.85837 3.56156 5.44271 4.14587 6.17817 4.45062L6.30047 4.5013L6.17547 4.55305C5.43925 4.85782 4.85435 5.44268 4.5496 6.17887L5.01158 6.37011L4.5496 6.17887L4.49997 6.29877L4.4491 6.17577C4.1444 5.43898 3.55912 4.85364 2.82235 4.54879L2.70125 4.49869L2.82624 4.44692C3.56159 4.14236 4.14595 3.55834 4.45086 2.82318L4.50166 2.70069L4.55364 2.82613Z" fill="#1F2329" stroke="#1F2329"/>
-<path d="M11.0234 5.71096C11.2876 7.34532 12.6641 8.59477 14.3725 8.76058M11.8628 4.85217L4.64726 12.1683C4.45676 12.3637 4.2724 12.7487 4.23553 13.0151L4.00815 14.9337C3.92827 15.6265 4.44447 16.1003 5.15731 15.9818L7.13608 15.6562C7.41262 15.6088 7.79977 15.4134 7.99027 15.212L15.2058 7.89587C16.0784 7.00763 16.4717 5.99504 15.1136 4.75742C13.7617 3.53165 12.7354 3.96393 11.8628 4.85217Z" stroke="#1F2329" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.15493 2.23158C4.28302 1.92275 4.72057 1.92283 4.84856 2.2317L5.01555 2.63473C5.26953 3.24768 5.75656 3.73469 6.36957 3.98871L6.7699 4.15459C7.07888 4.28262 7.0788 4.72025 6.76978 4.84817L6.36672 5.01503C5.75307 5.26905 5.26558 5.75653 5.01158 6.37011L4.8468 6.76819C4.71882 7.07733 4.28084 7.07725 4.15298 6.76807L3.98705 6.36685C3.7331 5.75277 3.24529 5.2649 2.63118 5.0108L2.23187 4.84558C1.92277 4.71769 1.92269 4.27995 2.23175 4.15195L2.63492 3.98497C3.24784 3.73112 3.73488 3.24435 3.98901 2.63163L4.15493 2.23158Z" fill="#21232A"/>
+<path d="M11.0234 5.71096C11.2876 7.34532 12.6641 8.59477 14.3725 8.76058M11.8628 4.85217L4.64726 12.1683C4.45676 12.3637 4.2724 12.7487 4.23553 13.0151L4.00815 14.9337C3.92827 15.6265 4.44447 16.1003 5.15731 15.9818L7.13608 15.6562C7.41262 15.6088 7.79977 15.4134 7.99027 15.212L15.2058 7.89587C16.0784 7.00763 16.4717 5.99504 15.1136 4.75742C13.7617 3.53165 12.7354 3.96393 11.8628 4.85217Z" stroke="#21232A" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/frontend/resources/flowy_icons/20x/toolbar_ai_make_longer.svg b/frontend/resources/flowy_icons/20x/toolbar_ai_make_longer.svg
new file mode 100644
index 0000000000..6952e7a201
--- /dev/null
+++ b/frontend/resources/flowy_icons/20x/toolbar_ai_make_longer.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 4.75H17M3 8.25005H17M3 11.75H17M3 15.25H10" stroke="#21232A" stroke-linecap="round"/>
+</svg>
diff --git a/frontend/resources/flowy_icons/20x/toolbar_ai_make_shorter.svg b/frontend/resources/flowy_icons/20x/toolbar_ai_make_shorter.svg
new file mode 100644
index 0000000000..6dc60546ab
--- /dev/null
+++ b/frontend/resources/flowy_icons/20x/toolbar_ai_make_shorter.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 9H17M3 12H9.125" stroke="#21232A" stroke-linecap="round"/>
+</svg>