diff --git a/frontend/appflowy_web_app/deploy/nginx.conf b/frontend/appflowy_web_app/deploy/nginx.conf
index 28b3d7fe49..2ae55fae7b 100644
--- a/frontend/appflowy_web_app/deploy/nginx.conf
+++ b/frontend/appflowy_web_app/deploy/nginx.conf
@@ -75,6 +75,12 @@ http {
access_log off;
}
+ location /af_icons/ {
+ root /usr/share/nginx/html;
+ expires 30d;
+ access_log off;
+ }
+
error_page 404 /404.html;
location = /404.html {
root /usr/share/nginx/html;
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-chip-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-chip-spark.svg
new file mode 100644
index 0000000000..57bb666ba9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-chip-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-cloud-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-cloud-spark.svg
new file mode 100644
index 0000000000..385aaf5a03
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-cloud-spark.svg
@@ -0,0 +1,12 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-edit-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-edit-spark.svg
new file mode 100644
index 0000000000..96fddfc558
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-edit-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-email-generator-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-email-generator-spark.svg
new file mode 100644
index 0000000000..8238d69442
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-email-generator-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-gaming-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-gaming-spark.svg
new file mode 100644
index 0000000000..a74a6eabb0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-gaming-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-landscape-image-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-landscape-image-spark.svg
new file mode 100644
index 0000000000..0759443d47
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-landscape-image-spark.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-music-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-music-spark.svg
new file mode 100644
index 0000000000..98adcabbe6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-music-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-portrait-image-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-portrait-image-spark.svg
new file mode 100644
index 0000000000..ebd118dd62
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-portrait-image-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-variation-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-variation-spark.svg
new file mode 100644
index 0000000000..c4400c215a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-generate-variation-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-navigation-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-navigation-spark.svg
new file mode 100644
index 0000000000..943e8354bd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-navigation-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-network-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-network-spark.svg
new file mode 100644
index 0000000000..ec21b6dc52
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-network-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-prompt-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-prompt-spark.svg
new file mode 100644
index 0000000000..ecfcb6ad63
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-prompt-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-redo-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-redo-spark.svg
new file mode 100644
index 0000000000..d67e5e3f1f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-redo-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-science-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-science-spark.svg
new file mode 100644
index 0000000000..e9a0af9957
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-science-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-settings-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-settings-spark.svg
new file mode 100644
index 0000000000..c0a1d6588b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-settings-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-technology-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-technology-spark.svg
new file mode 100644
index 0000000000..27b27f152a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-technology-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-upscale-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-upscale-spark.svg
new file mode 100644
index 0000000000..91975ee23c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-upscale-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-vehicle-spark-1.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-vehicle-spark-1.svg
new file mode 100644
index 0000000000..48f3eda8dd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/ai-vehicle-spark-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/artificial-intelligence-spark.svg b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/artificial-intelligence-spark.svg
new file mode 100644
index 0000000000..c4c7907937
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/artificial_intelligence/artificial-intelligence-spark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/VPN-connection.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/VPN-connection.svg
new file mode 100644
index 0000000000..c8f7a2fcb0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/VPN-connection.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/adobe.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/adobe.svg
new file mode 100644
index 0000000000..877de4e094
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/adobe.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/alt.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/alt.svg
new file mode 100644
index 0000000000..6e08a0f9a3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/alt.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/amazon.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/amazon.svg
new file mode 100644
index 0000000000..d02e8a27c2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/amazon.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/android.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/android.svg
new file mode 100644
index 0000000000..acc983a1a7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/android.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/app-store.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/app-store.svg
new file mode 100644
index 0000000000..59f17cc197
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/app-store.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/apple.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/apple.svg
new file mode 100644
index 0000000000..94bfcf6cec
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/apple.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/asterisk-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/asterisk-1.svg
new file mode 100644
index 0000000000..c6b49a655d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/asterisk-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-alert-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-alert-1.svg
new file mode 100644
index 0000000000..dbfd40fefb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-alert-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-charging.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-charging.svg
new file mode 100644
index 0000000000..22aa568e4b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-charging.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-empty-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-empty-1.svg
new file mode 100644
index 0000000000..d64921afe2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-empty-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-empty-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-empty-2.svg
new file mode 100644
index 0000000000..d7bac48cc8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-empty-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-full-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-full-1.svg
new file mode 100644
index 0000000000..4c7e68f5b5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-full-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-low-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-low-1.svg
new file mode 100644
index 0000000000..6524eb3300
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-low-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-medium-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-medium-1.svg
new file mode 100644
index 0000000000..4620aa3da4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/battery-medium-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth-disabled.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth-disabled.svg
new file mode 100644
index 0000000000..47487db565
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth-disabled.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth-searching.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth-searching.svg
new file mode 100644
index 0000000000..4535898788
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth-searching.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth.svg
new file mode 100644
index 0000000000..281960065f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/bluetooth.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/browser-wifi.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/browser-wifi.svg
new file mode 100644
index 0000000000..a81eccedf2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/browser-wifi.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/chrome.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/chrome.svg
new file mode 100644
index 0000000000..56fc7af710
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/chrome.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/command.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/command.svg
new file mode 100644
index 0000000000..367a6e6117
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/command.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-chip-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-chip-1.svg
new file mode 100644
index 0000000000..2a70e75274
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-chip-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-chip-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-chip-2.svg
new file mode 100644
index 0000000000..0ef3150bec
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-chip-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-pc-desktop.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-pc-desktop.svg
new file mode 100644
index 0000000000..98bea05196
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/computer-pc-desktop.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/controller-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/controller-1.svg
new file mode 100644
index 0000000000..bf7bab0923
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/controller-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/controller-wireless.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/controller-wireless.svg
new file mode 100644
index 0000000000..53045de283
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/controller-wireless.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/controller.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/controller.svg
new file mode 100644
index 0000000000..87ba8122db
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/controller.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/cursor-click.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/cursor-click.svg
new file mode 100644
index 0000000000..2ca4ede8d0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/cursor-click.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/cyborg-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/cyborg-2.svg
new file mode 100644
index 0000000000..f90dbd9ce3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/cyborg-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/cyborg.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/cyborg.svg
new file mode 100644
index 0000000000..cbdb10ea87
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/cyborg.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-check.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-check.svg
new file mode 100644
index 0000000000..462f928903
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-lock.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-lock.svg
new file mode 100644
index 0000000000..60ee0c76ba
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-lock.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-refresh.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-refresh.svg
new file mode 100644
index 0000000000..0aeb96c499
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-refresh.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-remove.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-remove.svg
new file mode 100644
index 0000000000..d4e9971017
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-remove.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-server-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-server-1.svg
new file mode 100644
index 0000000000..0ca3030d20
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-server-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-server-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-server-2.svg
new file mode 100644
index 0000000000..15196de131
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-server-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-setting.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-setting.svg
new file mode 100644
index 0000000000..ec6b34e6c1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-setting.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database-subtract-2-raid-storage-code-disk-programming-database-array-hard-disc-minus.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-subtract-2-raid-storage-code-disk-programming-database-array-hard-disc-minus.svg
new file mode 100644
index 0000000000..e0c0e75c52
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database-subtract-2-raid-storage-code-disk-programming-database-array-hard-disc-minus.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/database.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/database.svg
new file mode 100644
index 0000000000..31f57ca895
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/database.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/delete-keyboard.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/delete-keyboard.svg
new file mode 100644
index 0000000000..cb25e3d0b7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/delete-keyboard.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-chat.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-chat.svg
new file mode 100644
index 0000000000..774d3464f0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-chat.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-check.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-check.svg
new file mode 100644
index 0000000000..3f2f30e2e8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-code.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-code.svg
new file mode 100644
index 0000000000..a4f0873ffc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-code.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-delete.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-delete.svg
new file mode 100644
index 0000000000..45038bb01a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-delete.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-dollar.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-dollar.svg
new file mode 100644
index 0000000000..161a456ba0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-dollar.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-emoji.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-emoji.svg
new file mode 100644
index 0000000000..dd4cadfd51
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-emoji.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-favorite-star.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-favorite-star.svg
new file mode 100644
index 0000000000..276cc7833e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-favorite-star.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-game.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-game.svg
new file mode 100644
index 0000000000..fa98bc4d46
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-game.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-help.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-help.svg
new file mode 100644
index 0000000000..d651603e71
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/desktop-help.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/device-database-encryption-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/device-database-encryption-1.svg
new file mode 100644
index 0000000000..230e5f79a1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/device-database-encryption-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/discord.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/discord.svg
new file mode 100644
index 0000000000..2cb14a8e6c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/discord.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/drone.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/drone.svg
new file mode 100644
index 0000000000..8ad4a4f775
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/drone.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/dropbox.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/dropbox.svg
new file mode 100644
index 0000000000..89f0cf0b8e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/dropbox.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/eject.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/eject.svg
new file mode 100644
index 0000000000..acea3c2839
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/eject.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/electric-cord-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/electric-cord-1.svg
new file mode 100644
index 0000000000..ef4bae5915
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/electric-cord-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/electric-cord-3.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/electric-cord-3.svg
new file mode 100644
index 0000000000..59a85fabda
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/electric-cord-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/facebook-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/facebook-1.svg
new file mode 100644
index 0000000000..7687d0331a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/facebook-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/figma.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/figma.svg
new file mode 100644
index 0000000000..316aacd34e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/figma.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/floppy-disk.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/floppy-disk.svg
new file mode 100644
index 0000000000..be1351ba03
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/floppy-disk.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/gmail.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/gmail.svg
new file mode 100644
index 0000000000..ce9a3c7d36
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/gmail.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/google-drive.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/google-drive.svg
new file mode 100644
index 0000000000..521fe55ad8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/google-drive.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/google.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/google.svg
new file mode 100644
index 0000000000..624af07bbb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/google.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held-tablet-drawing.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held-tablet-drawing.svg
new file mode 100644
index 0000000000..c9117d6916
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held-tablet-drawing.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held-tablet-writing.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held-tablet-writing.svg
new file mode 100644
index 0000000000..d619e9d69a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held-tablet-writing.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held.svg
new file mode 100644
index 0000000000..2cff3d5e04
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/hand-held.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/hard-disk.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/hard-disk.svg
new file mode 100644
index 0000000000..46a25c5d5a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/hard-disk.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/hard-drive-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/hard-drive-1.svg
new file mode 100644
index 0000000000..929887c741
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/hard-drive-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/instagram.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/instagram.svg
new file mode 100644
index 0000000000..2a0750b273
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/instagram.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard-virtual.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard-virtual.svg
new file mode 100644
index 0000000000..914dddf994
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard-virtual.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard-wireless-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard-wireless-2.svg
new file mode 100644
index 0000000000..c3fb38cc92
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard-wireless-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard.svg
new file mode 100644
index 0000000000..9a32238860
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/keyboard.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/laptop-charging.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/laptop-charging.svg
new file mode 100644
index 0000000000..bbc233360c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/laptop-charging.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/linkedin.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/linkedin.svg
new file mode 100644
index 0000000000..6ed8fd3d8c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/linkedin.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/local-storage-folder.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/local-storage-folder.svg
new file mode 100644
index 0000000000..cb0673ab60
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/local-storage-folder.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/meta.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/meta.svg
new file mode 100644
index 0000000000..d0937137b6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/meta.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse-wireless-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse-wireless-1.svg
new file mode 100644
index 0000000000..697fb76677
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse-wireless-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse-wireless.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse-wireless.svg
new file mode 100644
index 0000000000..a2c554d6fb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse-wireless.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse.svg
new file mode 100644
index 0000000000..972f69c52f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/mouse.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/netflix.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/netflix.svg
new file mode 100644
index 0000000000..6691a31086
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/netflix.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/network.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/network.svg
new file mode 100644
index 0000000000..d33f91d839
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/network.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/next.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/next.svg
new file mode 100644
index 0000000000..1c68f75e7e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/next.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/paypal.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/paypal.svg
new file mode 100644
index 0000000000..e366f8e86e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/paypal.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/play-store.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/play-store.svg
new file mode 100644
index 0000000000..c84f1ca4c1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/play-store.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/printer.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/printer.svg
new file mode 100644
index 0000000000..79eefa06a4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/printer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/return-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/return-2.svg
new file mode 100644
index 0000000000..45666d72b4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/return-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-1.svg
new file mode 100644
index 0000000000..e5007b7f5b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-2.svg
new file mode 100644
index 0000000000..4b87d934f4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-curve.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-curve.svg
new file mode 100644
index 0000000000..dc6418c205
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/screen-curve.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/screensaver-monitor-wallpaper.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/screensaver-monitor-wallpaper.svg
new file mode 100644
index 0000000000..cc0431f192
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/screensaver-monitor-wallpaper.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/shift.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/shift.svg
new file mode 100644
index 0000000000..3dfc9de387
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/shift.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/shredder.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/shredder.svg
new file mode 100644
index 0000000000..f6c9f4bffa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/shredder.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/signal-loading.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/signal-loading.svg
new file mode 100644
index 0000000000..d04c5d1c44
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/signal-loading.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/slack.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/slack.svg
new file mode 100644
index 0000000000..266a0018c4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/slack.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/spotify.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/spotify.svg
new file mode 100644
index 0000000000..f0f0365ae8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/spotify.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/telegram.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/telegram.svg
new file mode 100644
index 0000000000..4bccbe1779
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/telegram.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/tiktok.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/tiktok.svg
new file mode 100644
index 0000000000..8f03d36c6b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/tiktok.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/tinder.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/tinder.svg
new file mode 100644
index 0000000000..ca0e251a7f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/tinder.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/twitter.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/twitter.svg
new file mode 100644
index 0000000000..f8e13c447c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/twitter.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/usb-drive.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/usb-drive.svg
new file mode 100644
index 0000000000..417555a5c3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/usb-drive.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/virtual-reality.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/virtual-reality.svg
new file mode 100644
index 0000000000..6521aa7661
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/virtual-reality.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/voice-mail-off.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/voice-mail-off.svg
new file mode 100644
index 0000000000..175d036b30
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/voice-mail-off.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/voice-mail.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/voice-mail.svg
new file mode 100644
index 0000000000..78d4bd13b5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/voice-mail.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-1.svg
new file mode 100644
index 0000000000..54039f5b8e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-2.svg
new file mode 100644
index 0000000000..87f6e84bf8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-charging.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-charging.svg
new file mode 100644
index 0000000000..95bf9a6a19
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-charging.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-heartbeat-monitor-1.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-heartbeat-monitor-1.svg
new file mode 100644
index 0000000000..7e0a9419ed
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-heartbeat-monitor-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-heartbeat-monitor-2.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-heartbeat-monitor-2.svg
new file mode 100644
index 0000000000..575a4cdaf1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-heartbeat-monitor-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-menu.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-menu.svg
new file mode 100644
index 0000000000..f79637bcd5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-menu.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-time.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-time.svg
new file mode 100644
index 0000000000..7b3145988d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/watch-circle-time.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video-circle.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video-circle.svg
new file mode 100644
index 0000000000..d583495165
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video-off.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video-off.svg
new file mode 100644
index 0000000000..9750416e99
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video-off.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video.svg
new file mode 100644
index 0000000000..30407900c1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam-video.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam.svg
new file mode 100644
index 0000000000..67007be1ac
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/webcam.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/whatsapp.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/whatsapp.svg
new file mode 100644
index 0000000000..bb7da75eb6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/whatsapp.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-antenna.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-antenna.svg
new file mode 100644
index 0000000000..b41ae562a4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-antenna.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-disabled.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-disabled.svg
new file mode 100644
index 0000000000..a561d55e84
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-disabled.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-horizontal.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-horizontal.svg
new file mode 100644
index 0000000000..9f0f3f20a6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-horizontal.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-router.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-router.svg
new file mode 100644
index 0000000000..d7d9490b1a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi-router.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi.svg
new file mode 100644
index 0000000000..c6ebd0432c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/wifi.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/computer_devices/windows.svg b/frontend/appflowy_web_app/public/af_icons/computer_devices/windows.svg
new file mode 100644
index 0000000000..b1923cc5f9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/computer_devices/windows.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/christian-cross-1.svg b/frontend/appflowy_web_app/public/af_icons/culture/christian-cross-1.svg
new file mode 100644
index 0000000000..8dea5f0109
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/christian-cross-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/christian-cross-2.svg b/frontend/appflowy_web_app/public/af_icons/culture/christian-cross-2.svg
new file mode 100644
index 0000000000..4ac9b8ede7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/christian-cross-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/christianity.svg b/frontend/appflowy_web_app/public/af_icons/culture/christianity.svg
new file mode 100644
index 0000000000..1a083b5329
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/christianity.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/dhammajak.svg b/frontend/appflowy_web_app/public/af_icons/culture/dhammajak.svg
new file mode 100644
index 0000000000..00ad062081
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/dhammajak.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/hexagram.svg b/frontend/appflowy_web_app/public/af_icons/culture/hexagram.svg
new file mode 100644
index 0000000000..e9a5fbe428
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/hexagram.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/hinduism.svg b/frontend/appflowy_web_app/public/af_icons/culture/hinduism.svg
new file mode 100644
index 0000000000..cca8164592
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/hinduism.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/islam.svg b/frontend/appflowy_web_app/public/af_icons/culture/islam.svg
new file mode 100644
index 0000000000..c2af2b380e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/islam.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/news-paper.svg b/frontend/appflowy_web_app/public/af_icons/culture/news-paper.svg
new file mode 100644
index 0000000000..24d109d27d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/news-paper.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/peace-symbol.svg b/frontend/appflowy_web_app/public/af_icons/culture/peace-symbol.svg
new file mode 100644
index 0000000000..0249f8402e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/peace-symbol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/politics-compaign.svg b/frontend/appflowy_web_app/public/af_icons/culture/politics-compaign.svg
new file mode 100644
index 0000000000..2333d4f883
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/politics-compaign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/politics-speech.svg b/frontend/appflowy_web_app/public/af_icons/culture/politics-speech.svg
new file mode 100644
index 0000000000..e199c705cb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/politics-speech.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/politics-vote-2.svg b/frontend/appflowy_web_app/public/af_icons/culture/politics-vote-2.svg
new file mode 100644
index 0000000000..846d1522e9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/politics-vote-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/ticket-1.svg b/frontend/appflowy_web_app/public/af_icons/culture/ticket-1.svg
new file mode 100644
index 0000000000..67ecf10328
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/ticket-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/tickets.svg b/frontend/appflowy_web_app/public/af_icons/culture/tickets.svg
new file mode 100644
index 0000000000..e06e36633f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/tickets.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/yin-yang-symbol.svg b/frontend/appflowy_web_app/public/af_icons/culture/yin-yang-symbol.svg
new file mode 100644
index 0000000000..e645e68433
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/yin-yang-symbol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-1.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-1.svg
new file mode 100644
index 0000000000..721204e5e4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-10.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-10.svg
new file mode 100644
index 0000000000..4fdf248b38
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-10.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-11.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-11.svg
new file mode 100644
index 0000000000..447b9c56c9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-11.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-12.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-12.svg
new file mode 100644
index 0000000000..fb2b1cb991
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-12.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-2.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-2.svg
new file mode 100644
index 0000000000..d4425722d9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-3.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-3.svg
new file mode 100644
index 0000000000..0208aea702
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-4.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-4.svg
new file mode 100644
index 0000000000..0469f30ae0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-4.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-5.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-5.svg
new file mode 100644
index 0000000000..218ba4a391
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-5.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-6.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-6.svg
new file mode 100644
index 0000000000..f02c49ee73
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-6.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-7.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-7.svg
new file mode 100644
index 0000000000..b9de613da2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-7.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-8.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-8.svg
new file mode 100644
index 0000000000..646ba98ea8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-8.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/culture/zodiac-9.svg b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-9.svg
new file mode 100644
index 0000000000..062bf1140f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/culture/zodiac-9.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/balloon.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/balloon.svg
new file mode 100644
index 0000000000..328aaaaaf1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/balloon.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/bow.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/bow.svg
new file mode 100644
index 0000000000..2864709ca8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/bow.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-fast-forward-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-fast-forward-1.svg
new file mode 100644
index 0000000000..dd04b7e8c6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-fast-forward-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-fast-forward-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-fast-forward-2.svg
new file mode 100644
index 0000000000..f3d3dc72bc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-fast-forward-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-next.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-next.svg
new file mode 100644
index 0000000000..c3b1a23a06
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-next.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-pause-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-pause-2.svg
new file mode 100644
index 0000000000..983544897a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-pause-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-play.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-play.svg
new file mode 100644
index 0000000000..a07ab94655
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-play.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-power-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-power-1.svg
new file mode 100644
index 0000000000..ef9e77f877
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-power-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-previous.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-previous.svg
new file mode 100644
index 0000000000..1f376dc16f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-previous.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-record-3.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-record-3.svg
new file mode 100644
index 0000000000..0e9332cb25
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-record-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-rewind-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-rewind-1.svg
new file mode 100644
index 0000000000..d36b320fd9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-rewind-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-rewind-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-rewind-2.svg
new file mode 100644
index 0000000000..beb36d9804
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-rewind-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/button-stop.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/button-stop.svg
new file mode 100644
index 0000000000..a3339d0b1b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/button-stop.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/camera-video.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/camera-video.svg
new file mode 100644
index 0000000000..1dc4e57ea7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/camera-video.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/cards.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/cards.svg
new file mode 100644
index 0000000000..aa54a4dcc6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/cards.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/chess-bishop.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-bishop.svg
new file mode 100644
index 0000000000..f667a4e84c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-bishop.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/chess-king.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-king.svg
new file mode 100644
index 0000000000..6cdbf1a76e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-king.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/chess-knight.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-knight.svg
new file mode 100644
index 0000000000..027afaedcc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-knight.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/chess-pawn.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-pawn.svg
new file mode 100644
index 0000000000..9e995acb97
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/chess-pawn.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/cloud-gaming-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/cloud-gaming-1.svg
new file mode 100644
index 0000000000..874cac2023
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/cloud-gaming-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/clubs-symbol.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/clubs-symbol.svg
new file mode 100644
index 0000000000..23207373a1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/clubs-symbol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/diamonds-symbol.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/diamonds-symbol.svg
new file mode 100644
index 0000000000..d184ba7455
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/diamonds-symbol.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dice-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-1.svg
new file mode 100644
index 0000000000..adfab0f74c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dice-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-2.svg
new file mode 100644
index 0000000000..94ad5db18a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dice-3.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-3.svg
new file mode 100644
index 0000000000..0e7571ae95
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dice-4.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-4.svg
new file mode 100644
index 0000000000..37d68fcffc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-4.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dice-5.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-5.svg
new file mode 100644
index 0000000000..eabbd0ed3b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-5.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dice-6.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-6.svg
new file mode 100644
index 0000000000..36a19135ae
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dice-6.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/dices-entertainment-gaming-dices.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/dices-entertainment-gaming-dices.svg
new file mode 100644
index 0000000000..ea1f1d84ad
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/dices-entertainment-gaming-dices.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/earpods.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/earpods.svg
new file mode 100644
index 0000000000..890a89753e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/earpods.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/epic-games-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/epic-games-1.svg
new file mode 100644
index 0000000000..d1eb2af8fe
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/epic-games-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/esports.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/esports.svg
new file mode 100644
index 0000000000..3f7bcd4c41
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/esports.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/fireworks-rocket.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/fireworks-rocket.svg
new file mode 100644
index 0000000000..fcc4d96bcd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/fireworks-rocket.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/gameboy.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/gameboy.svg
new file mode 100644
index 0000000000..402531f20a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/gameboy.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/gramophone.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/gramophone.svg
new file mode 100644
index 0000000000..0ed2f0b26f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/gramophone.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/hearts-symbol.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/hearts-symbol.svg
new file mode 100644
index 0000000000..fc6cce023f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/hearts-symbol.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/music-equalizer.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/music-equalizer.svg
new file mode 100644
index 0000000000..9fbd4aba84
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/music-equalizer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-1.svg
new file mode 100644
index 0000000000..644ba5553d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-2.svg
new file mode 100644
index 0000000000..96efe68daa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-off-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-off-1.svg
new file mode 100644
index 0000000000..5f5be24b37
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-off-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-off-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-off-2.svg
new file mode 100644
index 0000000000..8e6cffcfbd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/music-note-off-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/nintendo-switch.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/nintendo-switch.svg
new file mode 100644
index 0000000000..31a17e97f1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/nintendo-switch.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/one-vesus-one.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/one-vesus-one.svg
new file mode 100644
index 0000000000..31c3d7e265
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/one-vesus-one.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/pacman.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/pacman.svg
new file mode 100644
index 0000000000..a42ee2bf02
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/pacman.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/party-popper.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/party-popper.svg
new file mode 100644
index 0000000000..2d7033ddb3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/party-popper.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-4.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-4.svg
new file mode 100644
index 0000000000..6655dfb7d6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-4.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-5.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-5.svg
new file mode 100644
index 0000000000..747bb3d86f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-5.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-8.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-8.svg
new file mode 100644
index 0000000000..cda68aa414
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-8.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-9.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-9.svg
new file mode 100644
index 0000000000..eb9df98361
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-9.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-folder.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-folder.svg
new file mode 100644
index 0000000000..f6226c0d62
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/play-list-folder.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/play-station.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/play-station.svg
new file mode 100644
index 0000000000..eb281023b8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/play-station.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/radio.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/radio.svg
new file mode 100644
index 0000000000..068af297a2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/radio.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/recording-tape-bubble-circle.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/recording-tape-bubble-circle.svg
new file mode 100644
index 0000000000..fa5ba15b9e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/recording-tape-bubble-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/recording-tape-bubble-square.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/recording-tape-bubble-square.svg
new file mode 100644
index 0000000000..69d0897329
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/recording-tape-bubble-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/song-recommendation.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/song-recommendation.svg
new file mode 100644
index 0000000000..a53a018dae
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/song-recommendation.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/spades-symbol.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/spades-symbol.svg
new file mode 100644
index 0000000000..36a510d14b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/spades-symbol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/speaker-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/speaker-1.svg
new file mode 100644
index 0000000000..105430d2ad
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/speaker-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/speaker-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/speaker-2.svg
new file mode 100644
index 0000000000..79cf8682b6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/speaker-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/stream.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/stream.svg
new file mode 100644
index 0000000000..188e0c1a8f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/stream.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/tape-cassette-record.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/tape-cassette-record.svg
new file mode 100644
index 0000000000..1ecc8cb52f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/tape-cassette-record.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/volume-down.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-down.svg
new file mode 100644
index 0000000000..c86a4fd7d9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-down.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-high.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-high.svg
new file mode 100644
index 0000000000..b560324f28
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-high.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-low.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-low.svg
new file mode 100644
index 0000000000..726d2adef3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-low.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-off.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-off.svg
new file mode 100644
index 0000000000..a4a4d827dd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-level-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/volume-mute.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-mute.svg
new file mode 100644
index 0000000000..02c8c1da05
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-mute.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/volume-off.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-off.svg
new file mode 100644
index 0000000000..5d9afb737a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/volume-off.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/vr-headset-1.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/vr-headset-1.svg
new file mode 100644
index 0000000000..99a7bea697
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/vr-headset-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/vr-headset-2.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/vr-headset-2.svg
new file mode 100644
index 0000000000..88cd45c4ed
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/vr-headset-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/entertainment/xbox.svg b/frontend/appflowy_web_app/public/af_icons/entertainment/xbox.svg
new file mode 100644
index 0000000000..47efc6bc54
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/entertainment/xbox.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/beer-mug.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/beer-mug.svg
new file mode 100644
index 0000000000..01ecef5716
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/beer-mug.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/beer-pitch.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/beer-pitch.svg
new file mode 100644
index 0000000000..6eda98884b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/beer-pitch.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/burger.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/burger.svg
new file mode 100644
index 0000000000..12c6c9d249
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/burger.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/burrito-fastfood.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/burrito-fastfood.svg
new file mode 100644
index 0000000000..88abc83543
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/burrito-fastfood.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/cake-slice.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/cake-slice.svg
new file mode 100644
index 0000000000..ec6132a520
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/cake-slice.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/candy-cane.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/candy-cane.svg
new file mode 100644
index 0000000000..12510b6fcb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/candy-cane.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/champagne-party-alcohol.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/champagne-party-alcohol.svg
new file mode 100644
index 0000000000..01c22f9955
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/champagne-party-alcohol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/cheese.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/cheese.svg
new file mode 100644
index 0000000000..721c865fb4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/cheese.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/cherries.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/cherries.svg
new file mode 100644
index 0000000000..df3d75d719
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/cherries.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/chicken-grilled-stream.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/chicken-grilled-stream.svg
new file mode 100644
index 0000000000..b3410829f2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/chicken-grilled-stream.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/cocktail.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/cocktail.svg
new file mode 100644
index 0000000000..fa4f8a3c2f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/cocktail.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-bean.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-bean.svg
new file mode 100644
index 0000000000..17cd87ef52
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-bean.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-mug.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-mug.svg
new file mode 100644
index 0000000000..9d798f5761
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-mug.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-takeaway-cup.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-takeaway-cup.svg
new file mode 100644
index 0000000000..c4db12c023
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/coffee-takeaway-cup.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/donut.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/donut.svg
new file mode 100644
index 0000000000..9e43a78ce1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/donut.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/fork-knife.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/fork-knife.svg
new file mode 100644
index 0000000000..c084ce727b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/fork-knife.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/fork-spoon.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/fork-spoon.svg
new file mode 100644
index 0000000000..b1ac770721
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/fork-spoon.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/ice-cream-2.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/ice-cream-2.svg
new file mode 100644
index 0000000000..de00d2d5d7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/ice-cream-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/ice-cream-3.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/ice-cream-3.svg
new file mode 100644
index 0000000000..8b4d864570
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/ice-cream-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/lemon-fruit-seasoning.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/lemon-fruit-seasoning.svg
new file mode 100644
index 0000000000..3da07de679
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/lemon-fruit-seasoning.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/microwave.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/microwave.svg
new file mode 100644
index 0000000000..162c26c96d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/microwave.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/milkshake.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/milkshake.svg
new file mode 100644
index 0000000000..9a73d0d4e4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/milkshake.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/popcorn.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/popcorn.svg
new file mode 100644
index 0000000000..33cf71d444
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/popcorn.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/pork-meat.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/pork-meat.svg
new file mode 100644
index 0000000000..081e550618
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/pork-meat.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/refrigerator.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/refrigerator.svg
new file mode 100644
index 0000000000..89f233c48d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/refrigerator.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/serving-dome.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/serving-dome.svg
new file mode 100644
index 0000000000..1bdc48d306
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/serving-dome.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/shrimp.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/shrimp.svg
new file mode 100644
index 0000000000..b9a5add6da
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/shrimp.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/strawberry.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/strawberry.svg
new file mode 100644
index 0000000000..14aa7a9f8d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/strawberry.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/tea-cup.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/tea-cup.svg
new file mode 100644
index 0000000000..e678274acc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/tea-cup.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/toast.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/toast.svg
new file mode 100644
index 0000000000..5aa9be15ad
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/toast.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/water-glass.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/water-glass.svg
new file mode 100644
index 0000000000..8e9f674c8c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/water-glass.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/food_drink/wine.svg b/frontend/appflowy_web_app/public/af_icons/food_drink/wine.svg
new file mode 100644
index 0000000000..1f6be74e61
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/food_drink/wine.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/ambulance.svg b/frontend/appflowy_web_app/public/af_icons/health/ambulance.svg
new file mode 100644
index 0000000000..c0747996ff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/ambulance.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/bacteria-virus-cells-biology.svg b/frontend/appflowy_web_app/public/af_icons/health/bacteria-virus-cells-biology.svg
new file mode 100644
index 0000000000..39c0d6442a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/bacteria-virus-cells-biology.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/bandage.svg b/frontend/appflowy_web_app/public/af_icons/health/bandage.svg
new file mode 100644
index 0000000000..ff4e17b118
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/bandage.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/blood-bag-donation.svg b/frontend/appflowy_web_app/public/af_icons/health/blood-bag-donation.svg
new file mode 100644
index 0000000000..6a558d54de
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/blood-bag-donation.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/blood-donate-drop.svg b/frontend/appflowy_web_app/public/af_icons/health/blood-donate-drop.svg
new file mode 100644
index 0000000000..6959a292d5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/blood-donate-drop.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/blood-drop-donation.svg b/frontend/appflowy_web_app/public/af_icons/health/blood-drop-donation.svg
new file mode 100644
index 0000000000..8bd0bfc432
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/blood-drop-donation.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/brain-cognitive.svg b/frontend/appflowy_web_app/public/af_icons/health/brain-cognitive.svg
new file mode 100644
index 0000000000..9fdb4125d4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/brain-cognitive.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/brain.svg b/frontend/appflowy_web_app/public/af_icons/health/brain.svg
new file mode 100644
index 0000000000..e12682c2ef
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/brain.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/call-center-support-service.svg b/frontend/appflowy_web_app/public/af_icons/health/call-center-support-service.svg
new file mode 100644
index 0000000000..1593b6c790
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/call-center-support-service.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/checkup-medical-report-clipboard.svg b/frontend/appflowy_web_app/public/af_icons/health/checkup-medical-report-clipboard.svg
new file mode 100644
index 0000000000..2837b7f2e5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/checkup-medical-report-clipboard.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/ear-hearing.svg b/frontend/appflowy_web_app/public/af_icons/health/ear-hearing.svg
new file mode 100644
index 0000000000..5fa596e560
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/ear-hearing.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/eye-optic.svg b/frontend/appflowy_web_app/public/af_icons/health/eye-optic.svg
new file mode 100644
index 0000000000..1617190a8e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/eye-optic.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/flu-mask.svg b/frontend/appflowy_web_app/public/af_icons/health/flu-mask.svg
new file mode 100644
index 0000000000..365d4cab84
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/flu-mask.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/health-care-2.svg b/frontend/appflowy_web_app/public/af_icons/health/health-care-2.svg
new file mode 100644
index 0000000000..495a02dc3d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/health-care-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/heart-rate-pulse-graph.svg b/frontend/appflowy_web_app/public/af_icons/health/heart-rate-pulse-graph.svg
new file mode 100644
index 0000000000..0351f05eb2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/heart-rate-pulse-graph.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/heart-rate-search.svg b/frontend/appflowy_web_app/public/af_icons/health/heart-rate-search.svg
new file mode 100644
index 0000000000..e8a6faa1db
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/heart-rate-search.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/hospital-sign-circle.svg b/frontend/appflowy_web_app/public/af_icons/health/hospital-sign-circle.svg
new file mode 100644
index 0000000000..964abce175
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/hospital-sign-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/hospital-sign-square.svg b/frontend/appflowy_web_app/public/af_icons/health/hospital-sign-square.svg
new file mode 100644
index 0000000000..1648b17479
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/hospital-sign-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/insurance-hand.svg b/frontend/appflowy_web_app/public/af_icons/health/insurance-hand.svg
new file mode 100644
index 0000000000..70ae0036b9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/insurance-hand.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/medical-bag.svg b/frontend/appflowy_web_app/public/af_icons/health/medical-bag.svg
new file mode 100644
index 0000000000..c469e591d9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/medical-bag.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/medical-cross-sign-healthcare.svg b/frontend/appflowy_web_app/public/af_icons/health/medical-cross-sign-healthcare.svg
new file mode 100644
index 0000000000..fc35cba77e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/medical-cross-sign-healthcare.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/medical-cross-symbol.svg b/frontend/appflowy_web_app/public/af_icons/health/medical-cross-symbol.svg
new file mode 100644
index 0000000000..7906b49bd2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/medical-cross-symbol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/medical-files-report-history.svg b/frontend/appflowy_web_app/public/af_icons/health/medical-files-report-history.svg
new file mode 100644
index 0000000000..b18c22e979
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/medical-files-report-history.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/medical-ribbon-1.svg b/frontend/appflowy_web_app/public/af_icons/health/medical-ribbon-1.svg
new file mode 100644
index 0000000000..c53c3ef448
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/medical-ribbon-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/medical-search-diagnosis.svg b/frontend/appflowy_web_app/public/af_icons/health/medical-search-diagnosis.svg
new file mode 100644
index 0000000000..f5995068cc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/medical-search-diagnosis.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/microscope-observation-sciene.svg b/frontend/appflowy_web_app/public/af_icons/health/microscope-observation-sciene.svg
new file mode 100644
index 0000000000..be4a39d09e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/microscope-observation-sciene.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/nurse-assistant-emergency.svg b/frontend/appflowy_web_app/public/af_icons/health/nurse-assistant-emergency.svg
new file mode 100644
index 0000000000..43e1a0fcbf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/nurse-assistant-emergency.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/nurse-hat.svg b/frontend/appflowy_web_app/public/af_icons/health/nurse-hat.svg
new file mode 100644
index 0000000000..e8f3ca9dc3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/nurse-hat.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/online-medical-call-service.svg b/frontend/appflowy_web_app/public/af_icons/health/online-medical-call-service.svg
new file mode 100644
index 0000000000..24190f5ed4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/online-medical-call-service.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/online-medical-service-monitor.svg b/frontend/appflowy_web_app/public/af_icons/health/online-medical-service-monitor.svg
new file mode 100644
index 0000000000..85370f0d57
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/online-medical-service-monitor.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/online-medical-web-service.svg b/frontend/appflowy_web_app/public/af_icons/health/online-medical-web-service.svg
new file mode 100644
index 0000000000..cf683b8d42
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/online-medical-web-service.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/petri-dish-lab-equipment.svg b/frontend/appflowy_web_app/public/af_icons/health/petri-dish-lab-equipment.svg
new file mode 100644
index 0000000000..46409cf4d8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/petri-dish-lab-equipment.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/pharmacy.svg b/frontend/appflowy_web_app/public/af_icons/health/pharmacy.svg
new file mode 100644
index 0000000000..c2f871ae9b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/pharmacy.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/prescription-pills-drugs-healthcare.svg b/frontend/appflowy_web_app/public/af_icons/health/prescription-pills-drugs-healthcare.svg
new file mode 100644
index 0000000000..0b297f59f0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/prescription-pills-drugs-healthcare.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/sign-cross-square.svg b/frontend/appflowy_web_app/public/af_icons/health/sign-cross-square.svg
new file mode 100644
index 0000000000..a3f893c951
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/sign-cross-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/sos-help-emergency-sign.svg b/frontend/appflowy_web_app/public/af_icons/health/sos-help-emergency-sign.svg
new file mode 100644
index 0000000000..850b037136
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/sos-help-emergency-sign.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/stethoscope.svg b/frontend/appflowy_web_app/public/af_icons/health/stethoscope.svg
new file mode 100644
index 0000000000..f78716a7f8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/stethoscope.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/syringe.svg b/frontend/appflowy_web_app/public/af_icons/health/syringe.svg
new file mode 100644
index 0000000000..07fe454cff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/syringe.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/tablet-capsule.svg b/frontend/appflowy_web_app/public/af_icons/health/tablet-capsule.svg
new file mode 100644
index 0000000000..9553c056c3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/tablet-capsule.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/tooth.svg b/frontend/appflowy_web_app/public/af_icons/health/tooth.svg
new file mode 100644
index 0000000000..6817c2b796
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/tooth.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/virus-antivirus.svg b/frontend/appflowy_web_app/public/af_icons/health/virus-antivirus.svg
new file mode 100644
index 0000000000..ad972cff8b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/virus-antivirus.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/waiting-appointments-calendar.svg b/frontend/appflowy_web_app/public/af_icons/health/waiting-appointments-calendar.svg
new file mode 100644
index 0000000000..59ab62e17f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/waiting-appointments-calendar.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/health/wheelchair.svg b/frontend/appflowy_web_app/public/af_icons/health/wheelchair.svg
new file mode 100644
index 0000000000..a29e32ca48
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/health/wheelchair.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/icons.json b/frontend/appflowy_web_app/public/af_icons/icons.json
new file mode 100644
index 0000000000..b76b0d051a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/icons.json
@@ -0,0 +1 @@
+{ "artificial_intelligence": [ { "id": "artificial_intelligence/ai-chip-spark", "name": "ai-chip-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-cloud-spark", "name": "ai-cloud-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-edit-spark", "name": "ai-edit-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-email-generator-spark", "name": "ai-email-generator-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-gaming-spark", "name": "ai-gaming-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-generate-landscape-image-spark", "name": "ai-generate-landscape-image-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-generate-music-spark", "name": "ai-generate-music-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-generate-portrait-image-spark", "name": "ai-generate-portrait-image-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-generate-variation-spark", "name": "ai-generate-variation-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-navigation-spark", "name": "ai-navigation-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-network-spark", "name": "ai-network-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-prompt-spark", "name": "ai-prompt-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-redo-spark", "name": "ai-redo-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-science-spark", "name": "ai-science-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-settings-spark", "name": "ai-settings-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-technology-spark", "name": "ai-technology-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-upscale-spark", "name": "ai-upscale-spark", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/ai-vehicle-spark-1", "name": "ai-vehicle-spark-1", "keywords": [], "content": "\n" }, { "id": "artificial_intelligence/artificial-intelligence-spark", "name": "artificial-intelligence-spark", "keywords": [], "content": "\n" } ], "computer_devices": [ { "id": "computer_devices/adobe", "name": "adobe", "keywords": [], "content": "\n" }, { "id": "computer_devices/alt", "name": "alt", "keywords": [], "content": "\n" }, { "id": "computer_devices/amazon", "name": "amazon", "keywords": [], "content": "\n" }, { "id": "computer_devices/android", "name": "android", "keywords": [], "content": "\n" }, { "id": "computer_devices/app-store", "name": "app-store", "keywords": [], "content": "\n" }, { "id": "computer_devices/apple", "name": "apple", "keywords": [], "content": "\n" }, { "id": "computer_devices/asterisk-1", "name": "asterisk-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-alert-1", "name": "battery-alert-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-charging", "name": "battery-charging", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-empty-1", "name": "battery-empty-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-empty-2", "name": "battery-empty-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-full-1", "name": "battery-full-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-low-1", "name": "battery-low-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/battery-medium-1", "name": "battery-medium-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/bluetooth-disabled", "name": "bluetooth-disabled", "keywords": [], "content": "\n" }, { "id": "computer_devices/bluetooth-searching", "name": "bluetooth-searching", "keywords": [], "content": "\n" }, { "id": "computer_devices/bluetooth", "name": "bluetooth", "keywords": [], "content": "\n" }, { "id": "computer_devices/browser-wifi", "name": "browser-wifi", "keywords": [], "content": "\n" }, { "id": "computer_devices/chrome", "name": "chrome", "keywords": [], "content": "\n" }, { "id": "computer_devices/command", "name": "command", "keywords": [], "content": "\n" }, { "id": "computer_devices/computer-chip-1", "name": "computer-chip-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/computer-chip-2", "name": "computer-chip-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/computer-pc-desktop", "name": "computer-pc-desktop", "keywords": [], "content": "\n" }, { "id": "computer_devices/controller-1", "name": "controller-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/controller-wireless", "name": "controller-wireless", "keywords": [], "content": "\n" }, { "id": "computer_devices/controller", "name": "controller", "keywords": [], "content": "\n" }, { "id": "computer_devices/cursor-click", "name": "cursor-click", "keywords": [], "content": "\n" }, { "id": "computer_devices/cyborg-2", "name": "cyborg-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/cyborg", "name": "cyborg", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-check", "name": "database-check", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-lock", "name": "database-lock", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-refresh", "name": "database-refresh", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-remove", "name": "database-remove", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-server-1", "name": "database-server-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-server-2", "name": "database-server-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-setting", "name": "database-setting", "keywords": [], "content": "\n" }, { "id": "computer_devices/database-subtract-2-raid-storage-code-disk-programming-database-array-hard-disc-minus", "name": "database-subtract-2-raid-storage-code-disk-programming-database-array-hard-disc-minus", "keywords": [], "content": "\n" }, { "id": "computer_devices/database", "name": "database", "keywords": [], "content": "\n" }, { "id": "computer_devices/delete-keyboard", "name": "delete-keyboard", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-chat", "name": "desktop-chat", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-check", "name": "desktop-check", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-code", "name": "desktop-code", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-delete", "name": "desktop-delete", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-dollar", "name": "desktop-dollar", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-emoji", "name": "desktop-emoji", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-favorite-star", "name": "desktop-favorite-star", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-game", "name": "desktop-game", "keywords": [], "content": "\n" }, { "id": "computer_devices/desktop-help", "name": "desktop-help", "keywords": [], "content": "\n" }, { "id": "computer_devices/device-database-encryption-1", "name": "device-database-encryption-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/discord", "name": "discord", "keywords": [], "content": "\n" }, { "id": "computer_devices/drone", "name": "drone", "keywords": [], "content": "\n" }, { "id": "computer_devices/dropbox", "name": "dropbox", "keywords": [], "content": "\n" }, { "id": "computer_devices/eject", "name": "eject", "keywords": [], "content": "\n" }, { "id": "computer_devices/electric-cord-1", "name": "electric-cord-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/electric-cord-3", "name": "electric-cord-3", "keywords": [], "content": "\n" }, { "id": "computer_devices/facebook-1", "name": "facebook-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/figma", "name": "figma", "keywords": [], "content": "\n" }, { "id": "computer_devices/floppy-disk", "name": "floppy-disk", "keywords": [], "content": "\n" }, { "id": "computer_devices/gmail", "name": "gmail", "keywords": [], "content": "\n" }, { "id": "computer_devices/google-drive", "name": "google-drive", "keywords": [], "content": "\n" }, { "id": "computer_devices/google", "name": "google", "keywords": [], "content": "\n" }, { "id": "computer_devices/hand-held-tablet-drawing", "name": "hand-held-tablet-drawing", "keywords": [], "content": "\n" }, { "id": "computer_devices/hand-held-tablet-writing", "name": "hand-held-tablet-writing", "keywords": [], "content": "\n" }, { "id": "computer_devices/hand-held", "name": "hand-held", "keywords": [], "content": "\n" }, { "id": "computer_devices/hard-disk", "name": "hard-disk", "keywords": [], "content": "\n" }, { "id": "computer_devices/hard-drive-1", "name": "hard-drive-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/instagram", "name": "instagram", "keywords": [], "content": "\n" }, { "id": "computer_devices/keyboard-virtual", "name": "keyboard-virtual", "keywords": [], "content": "\n" }, { "id": "computer_devices/keyboard-wireless-2", "name": "keyboard-wireless-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/keyboard", "name": "keyboard", "keywords": [], "content": "\n" }, { "id": "computer_devices/laptop-charging", "name": "laptop-charging", "keywords": [], "content": "\n" }, { "id": "computer_devices/linkedin", "name": "linkedin", "keywords": [], "content": "\n" }, { "id": "computer_devices/local-storage-folder", "name": "local-storage-folder", "keywords": [], "content": "\n" }, { "id": "computer_devices/meta", "name": "meta", "keywords": [], "content": "\n" }, { "id": "computer_devices/mouse-wireless-1", "name": "mouse-wireless-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/mouse-wireless", "name": "mouse-wireless", "keywords": [], "content": "\n" }, { "id": "computer_devices/mouse", "name": "mouse", "keywords": [], "content": "\n" }, { "id": "computer_devices/netflix", "name": "netflix", "keywords": [], "content": "\n" }, { "id": "computer_devices/network", "name": "network", "keywords": [], "content": "\n" }, { "id": "computer_devices/next", "name": "next", "keywords": [], "content": "\n" }, { "id": "computer_devices/paypal", "name": "paypal", "keywords": [], "content": "\n" }, { "id": "computer_devices/play-store", "name": "play-store", "keywords": [], "content": "\n" }, { "id": "computer_devices/printer", "name": "printer", "keywords": [], "content": "\n" }, { "id": "computer_devices/return-2", "name": "return-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/screen-1", "name": "screen-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/screen-2", "name": "screen-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/screen-curve", "name": "screen-curve", "keywords": [], "content": "\n" }, { "id": "computer_devices/screensaver-monitor-wallpaper", "name": "screensaver-monitor-wallpaper", "keywords": [], "content": "\n" }, { "id": "computer_devices/shift", "name": "shift", "keywords": [], "content": "\n" }, { "id": "computer_devices/shredder", "name": "shredder", "keywords": [], "content": "\n" }, { "id": "computer_devices/signal-loading", "name": "signal-loading", "keywords": [], "content": "\n" }, { "id": "computer_devices/slack", "name": "slack", "keywords": [], "content": "\n" }, { "id": "computer_devices/spotify", "name": "spotify", "keywords": [], "content": "\n" }, { "id": "computer_devices/telegram", "name": "telegram", "keywords": [], "content": "\n" }, { "id": "computer_devices/tiktok", "name": "tiktok", "keywords": [], "content": "\n" }, { "id": "computer_devices/tinder", "name": "tinder", "keywords": [], "content": "\n" }, { "id": "computer_devices/twitter", "name": "twitter", "keywords": [], "content": "\n" }, { "id": "computer_devices/usb-drive", "name": "usb-drive", "keywords": [], "content": "\n" }, { "id": "computer_devices/virtual-reality", "name": "virtual-reality", "keywords": [], "content": "\n" }, { "id": "computer_devices/voice-mail-off", "name": "voice-mail-off", "keywords": [], "content": "\n" }, { "id": "computer_devices/voice-mail", "name": "voice-mail", "keywords": [], "content": "\n" }, { "id": "computer_devices/VPN-connection", "name": "VPN-connection", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-1", "name": "watch-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-2", "name": "watch-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-circle-charging", "name": "watch-circle-charging", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-circle-heartbeat-monitor-1", "name": "watch-circle-heartbeat-monitor-1", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-circle-heartbeat-monitor-2", "name": "watch-circle-heartbeat-monitor-2", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-circle-menu", "name": "watch-circle-menu", "keywords": [], "content": "\n" }, { "id": "computer_devices/watch-circle-time", "name": "watch-circle-time", "keywords": [], "content": "\n" }, { "id": "computer_devices/webcam-video-circle", "name": "webcam-video-circle", "keywords": [], "content": "\n" }, { "id": "computer_devices/webcam-video-off", "name": "webcam-video-off", "keywords": [], "content": "\n" }, { "id": "computer_devices/webcam-video", "name": "webcam-video", "keywords": [], "content": "\n" }, { "id": "computer_devices/webcam", "name": "webcam", "keywords": [], "content": "\n" }, { "id": "computer_devices/whatsapp", "name": "whatsapp", "keywords": [], "content": "\n" }, { "id": "computer_devices/wifi-antenna", "name": "wifi-antenna", "keywords": [], "content": "\n" }, { "id": "computer_devices/wifi-disabled", "name": "wifi-disabled", "keywords": [], "content": "\n" }, { "id": "computer_devices/wifi-horizontal", "name": "wifi-horizontal", "keywords": [], "content": "\n" }, { "id": "computer_devices/wifi-router", "name": "wifi-router", "keywords": [], "content": "\n" }, { "id": "computer_devices/wifi", "name": "wifi", "keywords": [], "content": "\n" }, { "id": "computer_devices/windows", "name": "windows", "keywords": [], "content": "\n" } ], "culture": [ { "id": "culture/christian-cross-1", "name": "christian-cross-1", "keywords": [], "content": "\n" }, { "id": "culture/christian-cross-2", "name": "christian-cross-2", "keywords": [], "content": "\n" }, { "id": "culture/christianity", "name": "christianity", "keywords": [], "content": "\n" }, { "id": "culture/dhammajak", "name": "dhammajak", "keywords": [], "content": "\n" }, { "id": "culture/hexagram", "name": "hexagram", "keywords": [], "content": "\n" }, { "id": "culture/hinduism", "name": "hinduism", "keywords": [], "content": "\n" }, { "id": "culture/islam", "name": "islam", "keywords": [], "content": "\n" }, { "id": "culture/news-paper", "name": "news-paper", "keywords": [], "content": "\n" }, { "id": "culture/peace-symbol", "name": "peace-symbol", "keywords": [], "content": "\n" }, { "id": "culture/politics-compaign", "name": "politics-compaign", "keywords": [], "content": "\n" }, { "id": "culture/politics-speech", "name": "politics-speech", "keywords": [], "content": "\n" }, { "id": "culture/politics-vote-2", "name": "politics-vote-2", "keywords": [], "content": "\n" }, { "id": "culture/ticket-1", "name": "ticket-1", "keywords": [], "content": "\n" }, { "id": "culture/tickets", "name": "tickets", "keywords": [], "content": "\n" }, { "id": "culture/yin-yang-symbol", "name": "yin-yang-symbol", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-1", "name": "zodiac-1", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-10", "name": "zodiac-10", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-11", "name": "zodiac-11", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-12", "name": "zodiac-12", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-2", "name": "zodiac-2", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-3", "name": "zodiac-3", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-4", "name": "zodiac-4", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-5", "name": "zodiac-5", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-6", "name": "zodiac-6", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-7", "name": "zodiac-7", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-8", "name": "zodiac-8", "keywords": [], "content": "\n" }, { "id": "culture/zodiac-9", "name": "zodiac-9", "keywords": [], "content": "\n" } ], "entertainment": [ { "id": "entertainment/balloon", "name": "balloon", "keywords": [], "content": "\n" }, { "id": "entertainment/bow", "name": "bow", "keywords": [], "content": "\n" }, { "id": "entertainment/button-fast-forward-1", "name": "button-fast-forward-1", "keywords": [], "content": "\n" }, { "id": "entertainment/button-fast-forward-2", "name": "button-fast-forward-2", "keywords": [], "content": "\n" }, { "id": "entertainment/button-next", "name": "button-next", "keywords": [], "content": "\n" }, { "id": "entertainment/button-pause-2", "name": "button-pause-2", "keywords": [], "content": "\n" }, { "id": "entertainment/button-play", "name": "button-play", "keywords": [], "content": "\n" }, { "id": "entertainment/button-power-1", "name": "button-power-1", "keywords": [], "content": "\n" }, { "id": "entertainment/button-previous", "name": "button-previous", "keywords": [], "content": "\n" }, { "id": "entertainment/button-record-3", "name": "button-record-3", "keywords": [], "content": "\n" }, { "id": "entertainment/button-rewind-1", "name": "button-rewind-1", "keywords": [], "content": "\n" }, { "id": "entertainment/button-rewind-2", "name": "button-rewind-2", "keywords": [], "content": "\n" }, { "id": "entertainment/button-stop", "name": "button-stop", "keywords": [], "content": "\n" }, { "id": "entertainment/camera-video", "name": "camera-video", "keywords": [], "content": "\n" }, { "id": "entertainment/cards", "name": "cards", "keywords": [], "content": "\n" }, { "id": "entertainment/chess-bishop", "name": "chess-bishop", "keywords": [], "content": "\n" }, { "id": "entertainment/chess-king", "name": "chess-king", "keywords": [], "content": "\n" }, { "id": "entertainment/chess-knight", "name": "chess-knight", "keywords": [], "content": "\n" }, { "id": "entertainment/chess-pawn", "name": "chess-pawn", "keywords": [], "content": "\n" }, { "id": "entertainment/cloud-gaming-1", "name": "cloud-gaming-1", "keywords": [], "content": "\n" }, { "id": "entertainment/clubs-symbol", "name": "clubs-symbol", "keywords": [], "content": "\n" }, { "id": "entertainment/diamonds-symbol", "name": "diamonds-symbol", "keywords": [], "content": "\n" }, { "id": "entertainment/dice-1", "name": "dice-1", "keywords": [], "content": "\n" }, { "id": "entertainment/dice-2", "name": "dice-2", "keywords": [], "content": "\n" }, { "id": "entertainment/dice-3", "name": "dice-3", "keywords": [], "content": "\n" }, { "id": "entertainment/dice-4", "name": "dice-4", "keywords": [], "content": "\n" }, { "id": "entertainment/dice-5", "name": "dice-5", "keywords": [], "content": "\n" }, { "id": "entertainment/dice-6", "name": "dice-6", "keywords": [], "content": "\n" }, { "id": "entertainment/dices-entertainment-gaming-dices", "name": "dices-entertainment-gaming-dices", "keywords": [], "content": "\n" }, { "id": "entertainment/earpods", "name": "earpods", "keywords": [], "content": "\n" }, { "id": "entertainment/epic-games-1", "name": "epic-games-1", "keywords": [], "content": "\n" }, { "id": "entertainment/esports", "name": "esports", "keywords": [], "content": "\n" }, { "id": "entertainment/fireworks-rocket", "name": "fireworks-rocket", "keywords": [], "content": "\n" }, { "id": "entertainment/gameboy", "name": "gameboy", "keywords": [], "content": "\n" }, { "id": "entertainment/gramophone", "name": "gramophone", "keywords": [], "content": "\n" }, { "id": "entertainment/hearts-symbol", "name": "hearts-symbol", "keywords": [], "content": "\n" }, { "id": "entertainment/music-equalizer", "name": "music-equalizer", "keywords": [], "content": "\n" }, { "id": "entertainment/music-note-1", "name": "music-note-1", "keywords": [], "content": "\n" }, { "id": "entertainment/music-note-2", "name": "music-note-2", "keywords": [], "content": "\n" }, { "id": "entertainment/music-note-off-1", "name": "music-note-off-1", "keywords": [], "content": "\n" }, { "id": "entertainment/music-note-off-2", "name": "music-note-off-2", "keywords": [], "content": "\n" }, { "id": "entertainment/nintendo-switch", "name": "nintendo-switch", "keywords": [], "content": "\n" }, { "id": "entertainment/one-vesus-one", "name": "one-vesus-one", "keywords": [], "content": "\n" }, { "id": "entertainment/pacman", "name": "pacman", "keywords": [], "content": "\n" }, { "id": "entertainment/party-popper", "name": "party-popper", "keywords": [], "content": "\n" }, { "id": "entertainment/play-list-4", "name": "play-list-4", "keywords": [], "content": "\n" }, { "id": "entertainment/play-list-5", "name": "play-list-5", "keywords": [], "content": "\n" }, { "id": "entertainment/play-list-8", "name": "play-list-8", "keywords": [], "content": "\n" }, { "id": "entertainment/play-list-9", "name": "play-list-9", "keywords": [], "content": "\n" }, { "id": "entertainment/play-list-folder", "name": "play-list-folder", "keywords": [], "content": "\n" }, { "id": "entertainment/play-station", "name": "play-station", "keywords": [], "content": "\n" }, { "id": "entertainment/radio", "name": "radio", "keywords": [], "content": "\n" }, { "id": "entertainment/recording-tape-bubble-circle", "name": "recording-tape-bubble-circle", "keywords": [], "content": "\n" }, { "id": "entertainment/recording-tape-bubble-square", "name": "recording-tape-bubble-square", "keywords": [], "content": "\n" }, { "id": "entertainment/song-recommendation", "name": "song-recommendation", "keywords": [], "content": "\n" }, { "id": "entertainment/spades-symbol", "name": "spades-symbol", "keywords": [], "content": "\n" }, { "id": "entertainment/speaker-1", "name": "speaker-1", "keywords": [], "content": "\n" }, { "id": "entertainment/speaker-2", "name": "speaker-2", "keywords": [], "content": "\n" }, { "id": "entertainment/stream", "name": "stream", "keywords": [], "content": "\n" }, { "id": "entertainment/tape-cassette-record", "name": "tape-cassette-record", "keywords": [], "content": "\n" }, { "id": "entertainment/volume-down", "name": "volume-down", "keywords": [], "content": "\n" }, { "id": "entertainment/volume-level-high", "name": "volume-level-high", "keywords": [], "content": "\n" }, { "id": "entertainment/volume-level-low", "name": "volume-level-low", "keywords": [], "content": "\n" }, { "id": "entertainment/volume-level-off", "name": "volume-level-off", "keywords": [], "content": "\n" }, { "id": "entertainment/volume-mute", "name": "volume-mute", "keywords": [], "content": "\n" }, { "id": "entertainment/volume-off", "name": "volume-off", "keywords": [], "content": "\n" }, { "id": "entertainment/vr-headset-1", "name": "vr-headset-1", "keywords": [], "content": "\n" }, { "id": "entertainment/vr-headset-2", "name": "vr-headset-2", "keywords": [], "content": "\n" }, { "id": "entertainment/xbox", "name": "xbox", "keywords": [], "content": "\n" } ], "food_drink": [ { "id": "food_drink/beer-mug", "name": "beer-mug", "keywords": [], "content": "\n" }, { "id": "food_drink/beer-pitch", "name": "beer-pitch", "keywords": [], "content": "\n" }, { "id": "food_drink/burger", "name": "burger", "keywords": [], "content": "\n" }, { "id": "food_drink/burrito-fastfood", "name": "burrito-fastfood", "keywords": [], "content": "\n" }, { "id": "food_drink/cake-slice", "name": "cake-slice", "keywords": [], "content": "\n" }, { "id": "food_drink/candy-cane", "name": "candy-cane", "keywords": [], "content": "\n" }, { "id": "food_drink/champagne-party-alcohol", "name": "champagne-party-alcohol", "keywords": [], "content": "\n" }, { "id": "food_drink/cheese", "name": "cheese", "keywords": [], "content": "\n" }, { "id": "food_drink/cherries", "name": "cherries", "keywords": [], "content": "\n" }, { "id": "food_drink/chicken-grilled-stream", "name": "chicken-grilled-stream", "keywords": [], "content": "\n" }, { "id": "food_drink/cocktail", "name": "cocktail", "keywords": [], "content": "\n" }, { "id": "food_drink/coffee-bean", "name": "coffee-bean", "keywords": [], "content": "\n" }, { "id": "food_drink/coffee-mug", "name": "coffee-mug", "keywords": [], "content": "\n" }, { "id": "food_drink/coffee-takeaway-cup", "name": "coffee-takeaway-cup", "keywords": [], "content": "\n" }, { "id": "food_drink/donut", "name": "donut", "keywords": [], "content": "\n" }, { "id": "food_drink/fork-knife", "name": "fork-knife", "keywords": [], "content": "\n" }, { "id": "food_drink/fork-spoon", "name": "fork-spoon", "keywords": [], "content": "\n" }, { "id": "food_drink/ice-cream-2", "name": "ice-cream-2", "keywords": [], "content": "\n" }, { "id": "food_drink/ice-cream-3", "name": "ice-cream-3", "keywords": [], "content": "\n" }, { "id": "food_drink/lemon-fruit-seasoning", "name": "lemon-fruit-seasoning", "keywords": [], "content": "\n" }, { "id": "food_drink/microwave", "name": "microwave", "keywords": [], "content": "\n" }, { "id": "food_drink/milkshake", "name": "milkshake", "keywords": [], "content": "\n" }, { "id": "food_drink/popcorn", "name": "popcorn", "keywords": [], "content": "\n" }, { "id": "food_drink/pork-meat", "name": "pork-meat", "keywords": [], "content": "\n" }, { "id": "food_drink/refrigerator", "name": "refrigerator", "keywords": [], "content": "\n" }, { "id": "food_drink/serving-dome", "name": "serving-dome", "keywords": [], "content": "\n" }, { "id": "food_drink/shrimp", "name": "shrimp", "keywords": [], "content": "\n" }, { "id": "food_drink/strawberry", "name": "strawberry", "keywords": [], "content": "\n" }, { "id": "food_drink/tea-cup", "name": "tea-cup", "keywords": [], "content": "\n" }, { "id": "food_drink/toast", "name": "toast", "keywords": [], "content": "\n" }, { "id": "food_drink/water-glass", "name": "water-glass", "keywords": [], "content": "\n" }, { "id": "food_drink/wine", "name": "wine", "keywords": [], "content": "\n" } ], "health": [ { "id": "health/ambulance", "name": "ambulance", "keywords": [], "content": "\n" }, { "id": "health/bacteria-virus-cells-biology", "name": "bacteria-virus-cells-biology", "keywords": [], "content": "\n" }, { "id": "health/bandage", "name": "bandage", "keywords": [], "content": "\n" }, { "id": "health/blood-bag-donation", "name": "blood-bag-donation", "keywords": [], "content": "\n" }, { "id": "health/blood-donate-drop", "name": "blood-donate-drop", "keywords": [], "content": "\n" }, { "id": "health/blood-drop-donation", "name": "blood-drop-donation", "keywords": [], "content": "\n" }, { "id": "health/brain-cognitive", "name": "brain-cognitive", "keywords": [], "content": "\n" }, { "id": "health/brain", "name": "brain", "keywords": [], "content": "\n" }, { "id": "health/call-center-support-service", "name": "call-center-support-service", "keywords": [], "content": "\n" }, { "id": "health/checkup-medical-report-clipboard", "name": "checkup-medical-report-clipboard", "keywords": [], "content": "\n" }, { "id": "health/ear-hearing", "name": "ear-hearing", "keywords": [], "content": "\n" }, { "id": "health/eye-optic", "name": "eye-optic", "keywords": [], "content": "\n" }, { "id": "health/flu-mask", "name": "flu-mask", "keywords": [], "content": "\n" }, { "id": "health/health-care-2", "name": "health-care-2", "keywords": [], "content": "\n" }, { "id": "health/heart-rate-pulse-graph", "name": "heart-rate-pulse-graph", "keywords": [], "content": "\n" }, { "id": "health/heart-rate-search", "name": "heart-rate-search", "keywords": [], "content": "\n" }, { "id": "health/hospital-sign-circle", "name": "hospital-sign-circle", "keywords": [], "content": "\n" }, { "id": "health/hospital-sign-square", "name": "hospital-sign-square", "keywords": [], "content": "\n" }, { "id": "health/insurance-hand", "name": "insurance-hand", "keywords": [], "content": "\n" }, { "id": "health/medical-bag", "name": "medical-bag", "keywords": [], "content": "\n" }, { "id": "health/medical-cross-sign-healthcare", "name": "medical-cross-sign-healthcare", "keywords": [], "content": "\n" }, { "id": "health/medical-cross-symbol", "name": "medical-cross-symbol", "keywords": [], "content": "\n" }, { "id": "health/medical-files-report-history", "name": "medical-files-report-history", "keywords": [], "content": "\n" }, { "id": "health/medical-ribbon-1", "name": "medical-ribbon-1", "keywords": [], "content": "\n" }, { "id": "health/medical-search-diagnosis", "name": "medical-search-diagnosis", "keywords": [], "content": "\n" }, { "id": "health/microscope-observation-sciene", "name": "microscope-observation-sciene", "keywords": [], "content": "\n" }, { "id": "health/nurse-assistant-emergency", "name": "nurse-assistant-emergency", "keywords": [], "content": "\n" }, { "id": "health/nurse-hat", "name": "nurse-hat", "keywords": [], "content": "\n" }, { "id": "health/online-medical-call-service", "name": "online-medical-call-service", "keywords": [], "content": "\n" }, { "id": "health/online-medical-service-monitor", "name": "online-medical-service-monitor", "keywords": [], "content": "\n" }, { "id": "health/online-medical-web-service", "name": "online-medical-web-service", "keywords": [], "content": "\n" }, { "id": "health/petri-dish-lab-equipment", "name": "petri-dish-lab-equipment", "keywords": [], "content": "\n" }, { "id": "health/pharmacy", "name": "pharmacy", "keywords": [], "content": "\n" }, { "id": "health/prescription-pills-drugs-healthcare", "name": "prescription-pills-drugs-healthcare", "keywords": [], "content": "\n" }, { "id": "health/sign-cross-square", "name": "sign-cross-square", "keywords": [], "content": "\n" }, { "id": "health/sos-help-emergency-sign", "name": "sos-help-emergency-sign", "keywords": [], "content": "\n" }, { "id": "health/stethoscope", "name": "stethoscope", "keywords": [], "content": "\n" }, { "id": "health/syringe", "name": "syringe", "keywords": [], "content": "\n" }, { "id": "health/tablet-capsule", "name": "tablet-capsule", "keywords": [], "content": "\n" }, { "id": "health/tooth", "name": "tooth", "keywords": [], "content": "\n" }, { "id": "health/virus-antivirus", "name": "virus-antivirus", "keywords": [], "content": "\n" }, { "id": "health/waiting-appointments-calendar", "name": "waiting-appointments-calendar", "keywords": [], "content": "\n" }, { "id": "health/wheelchair", "name": "wheelchair", "keywords": [], "content": "\n" } ], "images_photography": [ { "id": "images_photography/auto-flash", "name": "auto-flash", "keywords": [], "content": "\n" }, { "id": "images_photography/camera-1", "name": "camera-1", "keywords": [], "content": "\n" }, { "id": "images_photography/camera-disabled", "name": "camera-disabled", "keywords": [], "content": "\n" }, { "id": "images_photography/camera-loading", "name": "camera-loading", "keywords": [], "content": "\n" }, { "id": "images_photography/camera-square", "name": "camera-square", "keywords": [], "content": "\n" }, { "id": "images_photography/composition-oval", "name": "composition-oval", "keywords": [], "content": "\n" }, { "id": "images_photography/composition-vertical", "name": "composition-vertical", "keywords": [], "content": "\n" }, { "id": "images_photography/compsition-horizontal", "name": "compsition-horizontal", "keywords": [], "content": "\n" }, { "id": "images_photography/edit-image-photo", "name": "edit-image-photo", "keywords": [], "content": "\n" }, { "id": "images_photography/film-roll-1", "name": "film-roll-1", "keywords": [], "content": "\n" }, { "id": "images_photography/film-slate", "name": "film-slate", "keywords": [], "content": "\n" }, { "id": "images_photography/flash-1", "name": "flash-1", "keywords": [], "content": "\n" }, { "id": "images_photography/flash-2", "name": "flash-2", "keywords": [], "content": "\n" }, { "id": "images_photography/flash-3", "name": "flash-3", "keywords": [], "content": "\n" }, { "id": "images_photography/flash-off", "name": "flash-off", "keywords": [], "content": "\n" }, { "id": "images_photography/flower", "name": "flower", "keywords": [], "content": "\n" }, { "id": "images_photography/focus-points", "name": "focus-points", "keywords": [], "content": "\n" }, { "id": "images_photography/landscape-2", "name": "landscape-2", "keywords": [], "content": "\n" }, { "id": "images_photography/landscape-setting", "name": "landscape-setting", "keywords": [], "content": "\n" }, { "id": "images_photography/laptop-camera", "name": "laptop-camera", "keywords": [], "content": "\n" }, { "id": "images_photography/mobile-phone-camera", "name": "mobile-phone-camera", "keywords": [], "content": "\n" }, { "id": "images_photography/orientation-landscape", "name": "orientation-landscape", "keywords": [], "content": "\n" }, { "id": "images_photography/orientation-portrait", "name": "orientation-portrait", "keywords": [], "content": "\n" }, { "id": "images_photography/polaroid-four", "name": "polaroid-four", "keywords": [], "content": "\n" } ], "interface_essential": [ { "id": "interface_essential/add-1", "name": "add-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/add-bell-notification", "name": "add-bell-notification", "keywords": [], "content": "\n" }, { "id": "interface_essential/add-circle", "name": "add-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/add-layer-2", "name": "add-layer-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/add-square", "name": "add-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/alarm-clock", "name": "alarm-clock", "keywords": [], "content": "\n" }, { "id": "interface_essential/align-back-1", "name": "align-back-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/align-center", "name": "align-center", "keywords": [], "content": "\n" }, { "id": "interface_essential/align-front-1", "name": "align-front-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/align-left", "name": "align-left", "keywords": [], "content": "\n" }, { "id": "interface_essential/align-right", "name": "align-right", "keywords": [], "content": "\n" }, { "id": "interface_essential/ampersand", "name": "ampersand", "keywords": [], "content": "\n" }, { "id": "interface_essential/archive-box", "name": "archive-box", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-bend-left-down-2", "name": "arrow-bend-left-down-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-bend-right-down-2", "name": "arrow-bend-right-down-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-crossover-down", "name": "arrow-crossover-down", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-crossover-left", "name": "arrow-crossover-left", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-crossover-right", "name": "arrow-crossover-right", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-crossover-up", "name": "arrow-crossover-up", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-cursor-1", "name": "arrow-cursor-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-cursor-2", "name": "arrow-cursor-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-curvy-up-down-1", "name": "arrow-curvy-up-down-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-curvy-up-down-2", "name": "arrow-curvy-up-down-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-down-2", "name": "arrow-down-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-down-dashed-square", "name": "arrow-down-dashed-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-expand", "name": "arrow-expand", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-infinite-loop", "name": "arrow-infinite-loop", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-move", "name": "arrow-move", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-reload-horizontal-1", "name": "arrow-reload-horizontal-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-reload-horizontal-2", "name": "arrow-reload-horizontal-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-reload-vertical-1", "name": "arrow-reload-vertical-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-reload-vertical-2", "name": "arrow-reload-vertical-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-roadmap", "name": "arrow-roadmap", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-round-left", "name": "arrow-round-left", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-round-right", "name": "arrow-round-right", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-shrink-diagonal-1", "name": "arrow-shrink-diagonal-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-shrink-diagonal-2", "name": "arrow-shrink-diagonal-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-shrink", "name": "arrow-shrink", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-transfer-diagonal-1", "name": "arrow-transfer-diagonal-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-transfer-diagonal-2", "name": "arrow-transfer-diagonal-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-transfer-diagonal-3", "name": "arrow-transfer-diagonal-3", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-up-1", "name": "arrow-up-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/arrow-up-dashed-square", "name": "arrow-up-dashed-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/ascending-number-order", "name": "ascending-number-order", "keywords": [], "content": "\n" }, { "id": "interface_essential/attribution", "name": "attribution", "keywords": [], "content": "\n" }, { "id": "interface_essential/blank-calendar", "name": "blank-calendar", "keywords": [], "content": "\n" }, { "id": "interface_essential/blank-notepad", "name": "blank-notepad", "keywords": [], "content": "\n" }, { "id": "interface_essential/block-bell-notification", "name": "block-bell-notification", "keywords": [], "content": "\n" }, { "id": "interface_essential/bomb", "name": "bomb", "keywords": [], "content": "\n" }, { "id": "interface_essential/bookmark", "name": "bookmark", "keywords": [], "content": "\n" }, { "id": "interface_essential/braces-circle", "name": "braces-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/brightness-1", "name": "brightness-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/brightness-2", "name": "brightness-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/brightness-3", "name": "brightness-3", "keywords": [], "content": "\n" }, { "id": "interface_essential/broken-link-2", "name": "broken-link-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/bullet-list", "name": "bullet-list", "keywords": [], "content": "\n" }, { "id": "interface_essential/calendar-add", "name": "calendar-add", "keywords": [], "content": "\n" }, { "id": "interface_essential/calendar-edit", "name": "calendar-edit", "keywords": [], "content": "\n" }, { "id": "interface_essential/calendar-jump-to-date", "name": "calendar-jump-to-date", "keywords": [], "content": "\n" }, { "id": "interface_essential/calendar-star", "name": "calendar-star", "keywords": [], "content": "\n" }, { "id": "interface_essential/celsius", "name": "celsius", "keywords": [], "content": "\n" }, { "id": "interface_essential/check-square", "name": "check-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/check", "name": "check", "keywords": [], "content": "\n" }, { "id": "interface_essential/circle-clock", "name": "circle-clock", "keywords": [], "content": "\n" }, { "id": "interface_essential/circle", "name": "circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/clipboard-add", "name": "clipboard-add", "keywords": [], "content": "\n" }, { "id": "interface_essential/clipboard-check", "name": "clipboard-check", "keywords": [], "content": "\n" }, { "id": "interface_essential/clipboard-remove", "name": "clipboard-remove", "keywords": [], "content": "\n" }, { "id": "interface_essential/cloud", "name": "cloud", "keywords": [], "content": "\n" }, { "id": "interface_essential/cog", "name": "cog", "keywords": [], "content": "\n" }, { "id": "interface_essential/color-palette", "name": "color-palette", "keywords": [], "content": "\n" }, { "id": "interface_essential/color-picker", "name": "color-picker", "keywords": [], "content": "\n" }, { "id": "interface_essential/color-swatches", "name": "color-swatches", "keywords": [], "content": "\n" }, { "id": "interface_essential/cone-shape", "name": "cone-shape", "keywords": [], "content": "\n" }, { "id": "interface_essential/convert-PDF-2", "name": "convert-PDF-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/copy-paste", "name": "copy-paste", "keywords": [], "content": "\n" }, { "id": "interface_essential/creative-commons", "name": "creative-commons", "keywords": [], "content": "\n" }, { "id": "interface_essential/crop-selection", "name": "crop-selection", "keywords": [], "content": "\n" }, { "id": "interface_essential/crown", "name": "crown", "keywords": [], "content": "\n" }, { "id": "interface_essential/customer-support-1", "name": "customer-support-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/cut", "name": "cut", "keywords": [], "content": "\n" }, { "id": "interface_essential/dark-dislay-mode", "name": "dark-dislay-mode", "keywords": [], "content": "\n" }, { "id": "interface_essential/dashboard-3", "name": "dashboard-3", "keywords": [], "content": "\n" }, { "id": "interface_essential/dashboard-circle", "name": "dashboard-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/delete-1", "name": "delete-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/descending-number-order", "name": "descending-number-order", "keywords": [], "content": "\n" }, { "id": "interface_essential/disable-bell-notification", "name": "disable-bell-notification", "keywords": [], "content": "\n" }, { "id": "interface_essential/disable-heart", "name": "disable-heart", "keywords": [], "content": "\n" }, { "id": "interface_essential/division-circle", "name": "division-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/download-box-1", "name": "download-box-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/download-circle", "name": "download-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/download-computer", "name": "download-computer", "keywords": [], "content": "\n" }, { "id": "interface_essential/download-file", "name": "download-file", "keywords": [], "content": "\n" }, { "id": "interface_essential/empty-clipboard", "name": "empty-clipboard", "keywords": [], "content": "\n" }, { "id": "interface_essential/equal-sign", "name": "equal-sign", "keywords": [], "content": "\n" }, { "id": "interface_essential/expand-horizontal-1", "name": "expand-horizontal-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/expand-window-2", "name": "expand-window-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/expand", "name": "expand", "keywords": [], "content": "\n" }, { "id": "interface_essential/face-scan-1", "name": "face-scan-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/factorial", "name": "factorial", "keywords": [], "content": "\n" }, { "id": "interface_essential/fahrenheit", "name": "fahrenheit", "keywords": [], "content": "\n" }, { "id": "interface_essential/fastforward-clock", "name": "fastforward-clock", "keywords": [], "content": "\n" }, { "id": "interface_essential/file-add-alternate", "name": "file-add-alternate", "keywords": [], "content": "\n" }, { "id": "interface_essential/file-delete-alternate", "name": "file-delete-alternate", "keywords": [], "content": "\n" }, { "id": "interface_essential/file-remove-alternate", "name": "file-remove-alternate", "keywords": [], "content": "\n" }, { "id": "interface_essential/filter-2", "name": "filter-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/fingerprint-1", "name": "fingerprint-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/fingerprint-2", "name": "fingerprint-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/fist", "name": "fist", "keywords": [], "content": "\n" }, { "id": "interface_essential/fit-to-height-square", "name": "fit-to-height-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/flip-vertical-arrow-2", "name": "flip-vertical-arrow-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/flip-vertical-circle-1", "name": "flip-vertical-circle-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/flip-vertical-square-2", "name": "flip-vertical-square-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/folder-add", "name": "folder-add", "keywords": [], "content": "\n" }, { "id": "interface_essential/folder-check", "name": "folder-check", "keywords": [], "content": "\n" }, { "id": "interface_essential/folder-delete", "name": "folder-delete", "keywords": [], "content": "\n" }, { "id": "interface_essential/front-camera", "name": "front-camera", "keywords": [], "content": "\n" }, { "id": "interface_essential/gif-format", "name": "gif-format", "keywords": [], "content": "\n" }, { "id": "interface_essential/give-gift", "name": "give-gift", "keywords": [], "content": "\n" }, { "id": "interface_essential/glasses", "name": "glasses", "keywords": [], "content": "\n" }, { "id": "interface_essential/half-star-1", "name": "half-star-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/hand-cursor", "name": "hand-cursor", "keywords": [], "content": "\n" }, { "id": "interface_essential/hand-grab", "name": "hand-grab", "keywords": [], "content": "\n" }, { "id": "interface_essential/heading-1-paragraph-styles-heading", "name": "heading-1-paragraph-styles-heading", "keywords": [], "content": "\n" }, { "id": "interface_essential/heading-2-paragraph-styles-heading", "name": "heading-2-paragraph-styles-heading", "keywords": [], "content": "\n" }, { "id": "interface_essential/heading-3-paragraph-styles-heading", "name": "heading-3-paragraph-styles-heading", "keywords": [], "content": "\n" }, { "id": "interface_essential/heart", "name": "heart", "keywords": [], "content": "\n" }, { "id": "interface_essential/help-chat-2", "name": "help-chat-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/help-question-1", "name": "help-question-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/hierarchy-10", "name": "hierarchy-10", "keywords": [], "content": "\n" }, { "id": "interface_essential/hierarchy-13", "name": "hierarchy-13", "keywords": [], "content": "\n" }, { "id": "interface_essential/hierarchy-14", "name": "hierarchy-14", "keywords": [], "content": "\n" }, { "id": "interface_essential/hierarchy-2", "name": "hierarchy-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/hierarchy-4", "name": "hierarchy-4", "keywords": [], "content": "\n" }, { "id": "interface_essential/hierarchy-7", "name": "hierarchy-7", "keywords": [], "content": "\n" }, { "id": "interface_essential/home-3", "name": "home-3", "keywords": [], "content": "\n" }, { "id": "interface_essential/home-4", "name": "home-4", "keywords": [], "content": "\n" }, { "id": "interface_essential/horizontal-menu-circle", "name": "horizontal-menu-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/humidity-none", "name": "humidity-none", "keywords": [], "content": "\n" }, { "id": "interface_essential/image-blur", "name": "image-blur", "keywords": [], "content": "\n" }, { "id": "interface_essential/image-saturation", "name": "image-saturation", "keywords": [], "content": "\n" }, { "id": "interface_essential/information-circle", "name": "information-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/input-box", "name": "input-box", "keywords": [], "content": "\n" }, { "id": "interface_essential/insert-side", "name": "insert-side", "keywords": [], "content": "\n" }, { "id": "interface_essential/insert-top-left", "name": "insert-top-left", "keywords": [], "content": "\n" }, { "id": "interface_essential/insert-top-right", "name": "insert-top-right", "keywords": [], "content": "\n" }, { "id": "interface_essential/invisible-1", "name": "invisible-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/invisible-2", "name": "invisible-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/jump-object", "name": "jump-object", "keywords": [], "content": "\n" }, { "id": "interface_essential/key", "name": "key", "keywords": [], "content": "\n" }, { "id": "interface_essential/keyhole-lock-circle", "name": "keyhole-lock-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/lasso-tool", "name": "lasso-tool", "keywords": [], "content": "\n" }, { "id": "interface_essential/layers-1", "name": "layers-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/layers-2", "name": "layers-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/layout-window-1", "name": "layout-window-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/layout-window-11", "name": "layout-window-11", "keywords": [], "content": "\n" }, { "id": "interface_essential/layout-window-2", "name": "layout-window-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/layout-window-8", "name": "layout-window-8", "keywords": [], "content": "\n" }, { "id": "interface_essential/lightbulb", "name": "lightbulb", "keywords": [], "content": "\n" }, { "id": "interface_essential/like-1", "name": "like-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/link-chain", "name": "link-chain", "keywords": [], "content": "\n" }, { "id": "interface_essential/live-video", "name": "live-video", "keywords": [], "content": "\n" }, { "id": "interface_essential/lock-rotation", "name": "lock-rotation", "keywords": [], "content": "\n" }, { "id": "interface_essential/login-1", "name": "login-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/logout-1", "name": "logout-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/loop-1", "name": "loop-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/magic-wand-2", "name": "magic-wand-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/magnifying-glass-circle", "name": "magnifying-glass-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/magnifying-glass", "name": "magnifying-glass", "keywords": [], "content": "\n" }, { "id": "interface_essential/manual-book", "name": "manual-book", "keywords": [], "content": "\n" }, { "id": "interface_essential/megaphone-2", "name": "megaphone-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/minimize-window-2", "name": "minimize-window-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/moon-cloud", "name": "moon-cloud", "keywords": [], "content": "\n" }, { "id": "interface_essential/move-left", "name": "move-left", "keywords": [], "content": "\n" }, { "id": "interface_essential/move-right", "name": "move-right", "keywords": [], "content": "\n" }, { "id": "interface_essential/multiple-file-2", "name": "multiple-file-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/music-folder-song", "name": "music-folder-song", "keywords": [], "content": "\n" }, { "id": "interface_essential/new-file", "name": "new-file", "keywords": [], "content": "\n" }, { "id": "interface_essential/new-folder", "name": "new-folder", "keywords": [], "content": "\n" }, { "id": "interface_essential/new-sticky-note", "name": "new-sticky-note", "keywords": [], "content": "\n" }, { "id": "interface_essential/not-equal-sign", "name": "not-equal-sign", "keywords": [], "content": "\n" }, { "id": "interface_essential/ok-hand", "name": "ok-hand", "keywords": [], "content": "\n" }, { "id": "interface_essential/one-finger-drag-horizontal", "name": "one-finger-drag-horizontal", "keywords": [], "content": "\n" }, { "id": "interface_essential/one-finger-drag-vertical", "name": "one-finger-drag-vertical", "keywords": [], "content": "\n" }, { "id": "interface_essential/one-finger-hold", "name": "one-finger-hold", "keywords": [], "content": "\n" }, { "id": "interface_essential/one-finger-tap", "name": "one-finger-tap", "keywords": [], "content": "\n" }, { "id": "interface_essential/open-book", "name": "open-book", "keywords": [], "content": "\n" }, { "id": "interface_essential/open-umbrella", "name": "open-umbrella", "keywords": [], "content": "\n" }, { "id": "interface_essential/padlock-square-1", "name": "padlock-square-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/page-setting", "name": "page-setting", "keywords": [], "content": "\n" }, { "id": "interface_essential/paint-bucket", "name": "paint-bucket", "keywords": [], "content": "\n" }, { "id": "interface_essential/paint-palette", "name": "paint-palette", "keywords": [], "content": "\n" }, { "id": "interface_essential/paintbrush-1", "name": "paintbrush-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/paintbrush-2", "name": "paintbrush-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/paperclip-1", "name": "paperclip-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/paragraph", "name": "paragraph", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-divide", "name": "pathfinder-divide", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-exclude", "name": "pathfinder-exclude", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-intersect", "name": "pathfinder-intersect", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-merge", "name": "pathfinder-merge", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-minus-front-1", "name": "pathfinder-minus-front-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-trim", "name": "pathfinder-trim", "keywords": [], "content": "\n" }, { "id": "interface_essential/pathfinder-union", "name": "pathfinder-union", "keywords": [], "content": "\n" }, { "id": "interface_essential/peace-hand", "name": "peace-hand", "keywords": [], "content": "\n" }, { "id": "interface_essential/pen-3", "name": "pen-3", "keywords": [], "content": "\n" }, { "id": "interface_essential/pen-draw", "name": "pen-draw", "keywords": [], "content": "\n" }, { "id": "interface_essential/pen-tool", "name": "pen-tool", "keywords": [], "content": "\n" }, { "id": "interface_essential/pencil", "name": "pencil", "keywords": [], "content": "\n" }, { "id": "interface_essential/pentagon", "name": "pentagon", "keywords": [], "content": "\n" }, { "id": "interface_essential/pi-symbol-circle", "name": "pi-symbol-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/pictures-folder-memories", "name": "pictures-folder-memories", "keywords": [], "content": "\n" }, { "id": "interface_essential/podium", "name": "podium", "keywords": [], "content": "\n" }, { "id": "interface_essential/polygon", "name": "polygon", "keywords": [], "content": "\n" }, { "id": "interface_essential/praying-hand", "name": "praying-hand", "keywords": [], "content": "\n" }, { "id": "interface_essential/projector-board", "name": "projector-board", "keywords": [], "content": "\n" }, { "id": "interface_essential/pyramid-shape", "name": "pyramid-shape", "keywords": [], "content": "\n" }, { "id": "interface_essential/quotation-2", "name": "quotation-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/radioactive-2", "name": "radioactive-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/rain-cloud", "name": "rain-cloud", "keywords": [], "content": "\n" }, { "id": "interface_essential/recycle-bin-2", "name": "recycle-bin-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/ringing-bell-notification", "name": "ringing-bell-notification", "keywords": [], "content": "\n" }, { "id": "interface_essential/rock-and-roll-hand", "name": "rock-and-roll-hand", "keywords": [], "content": "\n" }, { "id": "interface_essential/rotate-angle-45", "name": "rotate-angle-45", "keywords": [], "content": "\n" }, { "id": "interface_essential/round-cap", "name": "round-cap", "keywords": [], "content": "\n" }, { "id": "interface_essential/satellite-dish", "name": "satellite-dish", "keywords": [], "content": "\n" }, { "id": "interface_essential/scanner", "name": "scanner", "keywords": [], "content": "\n" }, { "id": "interface_essential/search-visual", "name": "search-visual", "keywords": [], "content": "\n" }, { "id": "interface_essential/select-circle-area-1", "name": "select-circle-area-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/share-link", "name": "share-link", "keywords": [], "content": "\n" }, { "id": "interface_essential/shield-1", "name": "shield-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/shield-2", "name": "shield-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/shield-check", "name": "shield-check", "keywords": [], "content": "\n" }, { "id": "interface_essential/shield-cross", "name": "shield-cross", "keywords": [], "content": "\n" }, { "id": "interface_essential/shrink-horizontal-1", "name": "shrink-horizontal-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/shuffle", "name": "shuffle", "keywords": [], "content": "\n" }, { "id": "interface_essential/sigma", "name": "sigma", "keywords": [], "content": "\n" }, { "id": "interface_essential/skull-1", "name": "skull-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/sleep", "name": "sleep", "keywords": [], "content": "\n" }, { "id": "interface_essential/snow-flake", "name": "snow-flake", "keywords": [], "content": "\n" }, { "id": "interface_essential/sort-descending", "name": "sort-descending", "keywords": [], "content": "\n" }, { "id": "interface_essential/spiral-shape", "name": "spiral-shape", "keywords": [], "content": "\n" }, { "id": "interface_essential/split-vertical", "name": "split-vertical", "keywords": [], "content": "\n" }, { "id": "interface_essential/spray-paint", "name": "spray-paint", "keywords": [], "content": "\n" }, { "id": "interface_essential/square-brackets-circle", "name": "square-brackets-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/square-cap", "name": "square-cap", "keywords": [], "content": "\n" }, { "id": "interface_essential/square-clock", "name": "square-clock", "keywords": [], "content": "\n" }, { "id": "interface_essential/square-root-x-circle", "name": "square-root-x-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/star-1", "name": "star-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/star-2", "name": "star-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/star-badge", "name": "star-badge", "keywords": [], "content": "\n" }, { "id": "interface_essential/straight-cap", "name": "straight-cap", "keywords": [], "content": "\n" }, { "id": "interface_essential/subtract-1", "name": "subtract-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/subtract-circle", "name": "subtract-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/subtract-square", "name": "subtract-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/sun-cloud", "name": "sun-cloud", "keywords": [], "content": "\n" }, { "id": "interface_essential/synchronize-disable", "name": "synchronize-disable", "keywords": [], "content": "\n" }, { "id": "interface_essential/synchronize-warning", "name": "synchronize-warning", "keywords": [], "content": "\n" }, { "id": "interface_essential/table-lamp-1", "name": "table-lamp-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/tag", "name": "tag", "keywords": [], "content": "\n" }, { "id": "interface_essential/text-flow-rows", "name": "text-flow-rows", "keywords": [], "content": "\n" }, { "id": "interface_essential/text-square", "name": "text-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/text-style", "name": "text-style", "keywords": [], "content": "\n" }, { "id": "interface_essential/thermometer", "name": "thermometer", "keywords": [], "content": "\n" }, { "id": "interface_essential/trending-content", "name": "trending-content", "keywords": [], "content": "\n" }, { "id": "interface_essential/trophy", "name": "trophy", "keywords": [], "content": "\n" }, { "id": "interface_essential/two-finger-drag-hotizontal", "name": "two-finger-drag-hotizontal", "keywords": [], "content": "\n" }, { "id": "interface_essential/two-finger-tap", "name": "two-finger-tap", "keywords": [], "content": "\n" }, { "id": "interface_essential/underline-text-1", "name": "underline-text-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/upload-box-1", "name": "upload-box-1", "keywords": [], "content": "\n" }, { "id": "interface_essential/upload-circle", "name": "upload-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/upload-computer", "name": "upload-computer", "keywords": [], "content": "\n" }, { "id": "interface_essential/upload-file", "name": "upload-file", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-add-plus", "name": "user-add-plus", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-check-validate", "name": "user-check-validate", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-circle-single", "name": "user-circle-single", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-identifier-card", "name": "user-identifier-card", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-multiple-circle", "name": "user-multiple-circle", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-multiple-group", "name": "user-multiple-group", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-profile-focus", "name": "user-profile-focus", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-protection-2", "name": "user-protection-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-remove-subtract", "name": "user-remove-subtract", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-single-neutral-male", "name": "user-single-neutral-male", "keywords": [], "content": "\n" }, { "id": "interface_essential/user-sync-online-in-person", "name": "user-sync-online-in-person", "keywords": [], "content": "\n" }, { "id": "interface_essential/vertical-slider-square", "name": "vertical-slider-square", "keywords": [], "content": "\n" }, { "id": "interface_essential/video-swap-camera", "name": "video-swap-camera", "keywords": [], "content": "\n" }, { "id": "interface_essential/visible", "name": "visible", "keywords": [], "content": "\n" }, { "id": "interface_essential/voice-scan-2", "name": "voice-scan-2", "keywords": [], "content": "\n" }, { "id": "interface_essential/waning-cresent-moon", "name": "waning-cresent-moon", "keywords": [], "content": "\n" }, { "id": "interface_essential/warning-octagon", "name": "warning-octagon", "keywords": [], "content": "\n" }, { "id": "interface_essential/warning-triangle", "name": "warning-triangle", "keywords": [], "content": "\n" } ], "mail": [ { "id": "mail/chat-bubble-oval-notification", "name": "chat-bubble-oval-notification", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-oval-smiley-1", "name": "chat-bubble-oval-smiley-1", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-oval-smiley-2", "name": "chat-bubble-oval-smiley-2", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-oval", "name": "chat-bubble-oval", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-square-block", "name": "chat-bubble-square-block", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-square-question", "name": "chat-bubble-square-question", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-square-warning", "name": "chat-bubble-square-warning", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-square-write", "name": "chat-bubble-square-write", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-text-square", "name": "chat-bubble-text-square", "keywords": [], "content": "\n" }, { "id": "mail/chat-bubble-typing-oval", "name": "chat-bubble-typing-oval", "keywords": [], "content": "\n" }, { "id": "mail/chat-two-bubbles-oval", "name": "chat-two-bubbles-oval", "keywords": [], "content": "\n" }, { "id": "mail/discussion-converstion-reply", "name": "discussion-converstion-reply", "keywords": [], "content": "\n" }, { "id": "mail/happy-face", "name": "happy-face", "keywords": [], "content": "\n" }, { "id": "mail/inbox-block", "name": "inbox-block", "keywords": [], "content": "\n" }, { "id": "mail/inbox-favorite-heart", "name": "inbox-favorite-heart", "keywords": [], "content": "\n" }, { "id": "mail/inbox-favorite", "name": "inbox-favorite", "keywords": [], "content": "\n" }, { "id": "mail/inbox-lock", "name": "inbox-lock", "keywords": [], "content": "\n" }, { "id": "mail/inbox-tray-1", "name": "inbox-tray-1", "keywords": [], "content": "\n" }, { "id": "mail/inbox-tray-2", "name": "inbox-tray-2", "keywords": [], "content": "\n" }, { "id": "mail/mail-incoming", "name": "mail-incoming", "keywords": [], "content": "\n" }, { "id": "mail/mail-search", "name": "mail-search", "keywords": [], "content": "\n" }, { "id": "mail/mail-send-email-message", "name": "mail-send-email-message", "keywords": [], "content": "\n" }, { "id": "mail/mail-send-envelope", "name": "mail-send-envelope", "keywords": [], "content": "\n" }, { "id": "mail/mail-send-reply-all", "name": "mail-send-reply-all", "keywords": [], "content": "\n" }, { "id": "mail/sad-face", "name": "sad-face", "keywords": [], "content": "\n" }, { "id": "mail/send-email", "name": "send-email", "keywords": [], "content": "\n" }, { "id": "mail/sign-at", "name": "sign-at", "keywords": [], "content": "\n" }, { "id": "mail/sign-hashtag", "name": "sign-hashtag", "keywords": [], "content": "\n" }, { "id": "mail/smiley-angry", "name": "smiley-angry", "keywords": [], "content": "\n" }, { "id": "mail/smiley-cool", "name": "smiley-cool", "keywords": [], "content": "\n" }, { "id": "mail/smiley-crying-1", "name": "smiley-crying-1", "keywords": [], "content": "\n" }, { "id": "mail/smiley-cute", "name": "smiley-cute", "keywords": [], "content": "\n" }, { "id": "mail/smiley-drool", "name": "smiley-drool", "keywords": [], "content": "\n" }, { "id": "mail/smiley-emoji-kiss-nervous", "name": "smiley-emoji-kiss-nervous", "keywords": [], "content": "\n" }, { "id": "mail/smiley-emoji-terrified", "name": "smiley-emoji-terrified", "keywords": [], "content": "\n" }, { "id": "mail/smiley-grumpy", "name": "smiley-grumpy", "keywords": [], "content": "\n" }, { "id": "mail/smiley-happy", "name": "smiley-happy", "keywords": [], "content": "\n" }, { "id": "mail/smiley-in-love", "name": "smiley-in-love", "keywords": [], "content": "\n" }, { "id": "mail/smiley-kiss", "name": "smiley-kiss", "keywords": [], "content": "\n" }, { "id": "mail/smiley-laughing-3", "name": "smiley-laughing-3", "keywords": [], "content": "\n" } ], "map_travel": [ { "id": "map_travel/airplane", "name": "airplane", "keywords": [], "content": "\n" }, { "id": "map_travel/airport-plane-transit", "name": "airport-plane-transit", "keywords": [], "content": "\n" }, { "id": "map_travel/airport-plane", "name": "airport-plane", "keywords": [], "content": "\n" }, { "id": "map_travel/airport-security", "name": "airport-security", "keywords": [], "content": "\n" }, { "id": "map_travel/anchor", "name": "anchor", "keywords": [], "content": "\n" }, { "id": "map_travel/baggage", "name": "baggage", "keywords": [], "content": "\n" }, { "id": "map_travel/beach", "name": "beach", "keywords": [], "content": "\n" }, { "id": "map_travel/bicycle-bike", "name": "bicycle-bike", "keywords": [], "content": "\n" }, { "id": "map_travel/braille-blind", "name": "braille-blind", "keywords": [], "content": "\n" }, { "id": "map_travel/bus", "name": "bus", "keywords": [], "content": "\n" }, { "id": "map_travel/camping-tent", "name": "camping-tent", "keywords": [], "content": "\n" }, { "id": "map_travel/cane", "name": "cane", "keywords": [], "content": "\n" }, { "id": "map_travel/capitol", "name": "capitol", "keywords": [], "content": "\n" }, { "id": "map_travel/car-battery-charging", "name": "car-battery-charging", "keywords": [], "content": "\n" }, { "id": "map_travel/car-taxi-1", "name": "car-taxi-1", "keywords": [], "content": "\n" }, { "id": "map_travel/city-hall", "name": "city-hall", "keywords": [], "content": "\n" }, { "id": "map_travel/compass-navigator", "name": "compass-navigator", "keywords": [], "content": "\n" }, { "id": "map_travel/crutch", "name": "crutch", "keywords": [], "content": "\n" }, { "id": "map_travel/dangerous-zone-sign", "name": "dangerous-zone-sign", "keywords": [], "content": "\n" }, { "id": "map_travel/earth-1", "name": "earth-1", "keywords": [], "content": "\n" }, { "id": "map_travel/earth-airplane", "name": "earth-airplane", "keywords": [], "content": "\n" }, { "id": "map_travel/emergency-exit", "name": "emergency-exit", "keywords": [], "content": "\n" }, { "id": "map_travel/fire-alarm-2", "name": "fire-alarm-2", "keywords": [], "content": "\n" }, { "id": "map_travel/fire-extinguisher-sign", "name": "fire-extinguisher-sign", "keywords": [], "content": "\n" }, { "id": "map_travel/gas-station-fuel-petroleum", "name": "gas-station-fuel-petroleum", "keywords": [], "content": "\n" }, { "id": "map_travel/hearing-deaf-1", "name": "hearing-deaf-1", "keywords": [], "content": "\n" }, { "id": "map_travel/hearing-deaf-2", "name": "hearing-deaf-2", "keywords": [], "content": "\n" }, { "id": "map_travel/high-speed-train-front", "name": "high-speed-train-front", "keywords": [], "content": "\n" }, { "id": "map_travel/hot-spring", "name": "hot-spring", "keywords": [], "content": "\n" }, { "id": "map_travel/hotel-air-conditioner", "name": "hotel-air-conditioner", "keywords": [], "content": "\n" }, { "id": "map_travel/hotel-bed-2", "name": "hotel-bed-2", "keywords": [], "content": "\n" }, { "id": "map_travel/hotel-laundry", "name": "hotel-laundry", "keywords": [], "content": "\n" }, { "id": "map_travel/hotel-one-star", "name": "hotel-one-star", "keywords": [], "content": "\n" }, { "id": "map_travel/hotel-shower-head", "name": "hotel-shower-head", "keywords": [], "content": "\n" }, { "id": "map_travel/hotel-two-star", "name": "hotel-two-star", "keywords": [], "content": "\n" }, { "id": "map_travel/information-desk-customer", "name": "information-desk-customer", "keywords": [], "content": "\n" }, { "id": "map_travel/information-desk", "name": "information-desk", "keywords": [], "content": "\n" }, { "id": "map_travel/iron", "name": "iron", "keywords": [], "content": "\n" }, { "id": "map_travel/ladder", "name": "ladder", "keywords": [], "content": "\n" }, { "id": "map_travel/lift-disability", "name": "lift-disability", "keywords": [], "content": "\n" }, { "id": "map_travel/lift", "name": "lift", "keywords": [], "content": "\n" }, { "id": "map_travel/location-compass-1", "name": "location-compass-1", "keywords": [], "content": "\n" }, { "id": "map_travel/location-pin-3", "name": "location-pin-3", "keywords": [], "content": "\n" }, { "id": "map_travel/location-pin-disabled", "name": "location-pin-disabled", "keywords": [], "content": "\n" }, { "id": "map_travel/location-target-1", "name": "location-target-1", "keywords": [], "content": "\n" }, { "id": "map_travel/lost-and-found", "name": "lost-and-found", "keywords": [], "content": "\n" }, { "id": "map_travel/man-symbol", "name": "man-symbol", "keywords": [], "content": "\n" }, { "id": "map_travel/map-fold", "name": "map-fold", "keywords": [], "content": "\n" }, { "id": "map_travel/navigation-arrow-off", "name": "navigation-arrow-off", "keywords": [], "content": "\n" }, { "id": "map_travel/navigation-arrow-on", "name": "navigation-arrow-on", "keywords": [], "content": "\n" }, { "id": "map_travel/parking-sign", "name": "parking-sign", "keywords": [], "content": "\n" }, { "id": "map_travel/parliament", "name": "parliament", "keywords": [], "content": "\n" }, { "id": "map_travel/passport", "name": "passport", "keywords": [], "content": "\n" }, { "id": "map_travel/pet-paw", "name": "pet-paw", "keywords": [], "content": "\n" }, { "id": "map_travel/pets-allowed", "name": "pets-allowed", "keywords": [], "content": "\n" }, { "id": "map_travel/pool-ladder", "name": "pool-ladder", "keywords": [], "content": "\n" }, { "id": "map_travel/rock-slide", "name": "rock-slide", "keywords": [], "content": "\n" }, { "id": "map_travel/sail-ship", "name": "sail-ship", "keywords": [], "content": "\n" }, { "id": "map_travel/school-bus-side", "name": "school-bus-side", "keywords": [], "content": "\n" }, { "id": "map_travel/smoke-detector", "name": "smoke-detector", "keywords": [], "content": "\n" }, { "id": "map_travel/smoking-area", "name": "smoking-area", "keywords": [], "content": "\n" }, { "id": "map_travel/snorkle", "name": "snorkle", "keywords": [], "content": "\n" }, { "id": "map_travel/steering-wheel", "name": "steering-wheel", "keywords": [], "content": "\n" }, { "id": "map_travel/street-road", "name": "street-road", "keywords": [], "content": "\n" }, { "id": "map_travel/street-sign", "name": "street-sign", "keywords": [], "content": "\n" }, { "id": "map_travel/take-off", "name": "take-off", "keywords": [], "content": "\n" }, { "id": "map_travel/toilet-man", "name": "toilet-man", "keywords": [], "content": "\n" }, { "id": "map_travel/toilet-sign-man-woman-2", "name": "toilet-sign-man-woman-2", "keywords": [], "content": "\n" }, { "id": "map_travel/toilet-women", "name": "toilet-women", "keywords": [], "content": "\n" }, { "id": "map_travel/traffic-cone", "name": "traffic-cone", "keywords": [], "content": "\n" }, { "id": "map_travel/triangle-flag", "name": "triangle-flag", "keywords": [], "content": "\n" }, { "id": "map_travel/wheelchair-1", "name": "wheelchair-1", "keywords": [], "content": "\n" }, { "id": "map_travel/woman-symbol", "name": "woman-symbol", "keywords": [], "content": "\n" } ], "money_shopping": [ { "id": "money_shopping/annoncement-megaphone", "name": "annoncement-megaphone", "keywords": [], "content": "\n" }, { "id": "money_shopping/backpack", "name": "backpack", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag-dollar", "name": "bag-dollar", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag-pound", "name": "bag-pound", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag-rupee", "name": "bag-rupee", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag-suitcase-1", "name": "bag-suitcase-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag-suitcase-2", "name": "bag-suitcase-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag-yen", "name": "bag-yen", "keywords": [], "content": "\n" }, { "id": "money_shopping/bag", "name": "bag", "keywords": [], "content": "\n" }, { "id": "money_shopping/ball", "name": "ball", "keywords": [], "content": "\n" }, { "id": "money_shopping/bank", "name": "bank", "keywords": [], "content": "\n" }, { "id": "money_shopping/beanie", "name": "beanie", "keywords": [], "content": "\n" }, { "id": "money_shopping/bill-1", "name": "bill-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/bill-2", "name": "bill-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/bill-4", "name": "bill-4", "keywords": [], "content": "\n" }, { "id": "money_shopping/bill-cashless", "name": "bill-cashless", "keywords": [], "content": "\n" }, { "id": "money_shopping/binance-circle", "name": "binance-circle", "keywords": [], "content": "\n" }, { "id": "money_shopping/bitcoin", "name": "bitcoin", "keywords": [], "content": "\n" }, { "id": "money_shopping/bow-tie", "name": "bow-tie", "keywords": [], "content": "\n" }, { "id": "money_shopping/briefcase-dollar", "name": "briefcase-dollar", "keywords": [], "content": "\n" }, { "id": "money_shopping/building-2", "name": "building-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/business-card", "name": "business-card", "keywords": [], "content": "\n" }, { "id": "money_shopping/business-handshake", "name": "business-handshake", "keywords": [], "content": "\n" }, { "id": "money_shopping/business-idea-money", "name": "business-idea-money", "keywords": [], "content": "\n" }, { "id": "money_shopping/business-profession-home-office", "name": "business-profession-home-office", "keywords": [], "content": "\n" }, { "id": "money_shopping/business-progress-bar-2", "name": "business-progress-bar-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/business-user-curriculum", "name": "business-user-curriculum", "keywords": [], "content": "\n" }, { "id": "money_shopping/calculator-1", "name": "calculator-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/calculator-2", "name": "calculator-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/cane", "name": "cane", "keywords": [], "content": "\n" }, { "id": "money_shopping/chair", "name": "chair", "keywords": [], "content": "\n" }, { "id": "money_shopping/closet", "name": "closet", "keywords": [], "content": "\n" }, { "id": "money_shopping/coin-share", "name": "coin-share", "keywords": [], "content": "\n" }, { "id": "money_shopping/coins-stack", "name": "coins-stack", "keywords": [], "content": "\n" }, { "id": "money_shopping/credit-card-1", "name": "credit-card-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/credit-card-2", "name": "credit-card-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/diamond-2", "name": "diamond-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/discount-percent-badge", "name": "discount-percent-badge", "keywords": [], "content": "\n" }, { "id": "money_shopping/discount-percent-circle", "name": "discount-percent-circle", "keywords": [], "content": "\n" }, { "id": "money_shopping/discount-percent-coupon", "name": "discount-percent-coupon", "keywords": [], "content": "\n" }, { "id": "money_shopping/discount-percent-cutout", "name": "discount-percent-cutout", "keywords": [], "content": "\n" }, { "id": "money_shopping/discount-percent-fire", "name": "discount-percent-fire", "keywords": [], "content": "\n" }, { "id": "money_shopping/dollar-coin-1", "name": "dollar-coin-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/dollar-coin", "name": "dollar-coin", "keywords": [], "content": "\n" }, { "id": "money_shopping/dressing-table", "name": "dressing-table", "keywords": [], "content": "\n" }, { "id": "money_shopping/ethereum-circle", "name": "ethereum-circle", "keywords": [], "content": "\n" }, { "id": "money_shopping/ethereum", "name": "ethereum", "keywords": [], "content": "\n" }, { "id": "money_shopping/euro", "name": "euro", "keywords": [], "content": "\n" }, { "id": "money_shopping/gift-2", "name": "gift-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/gift", "name": "gift", "keywords": [], "content": "\n" }, { "id": "money_shopping/gold", "name": "gold", "keywords": [], "content": "\n" }, { "id": "money_shopping/graph-arrow-decrease", "name": "graph-arrow-decrease", "keywords": [], "content": "\n" }, { "id": "money_shopping/graph-arrow-increase", "name": "graph-arrow-increase", "keywords": [], "content": "\n" }, { "id": "money_shopping/graph-bar-decrease", "name": "graph-bar-decrease", "keywords": [], "content": "\n" }, { "id": "money_shopping/graph-bar-increase", "name": "graph-bar-increase", "keywords": [], "content": "\n" }, { "id": "money_shopping/graph-dot", "name": "graph-dot", "keywords": [], "content": "\n" }, { "id": "money_shopping/graph", "name": "graph", "keywords": [], "content": "\n" }, { "id": "money_shopping/investment-selection", "name": "investment-selection", "keywords": [], "content": "\n" }, { "id": "money_shopping/justice-hammer", "name": "justice-hammer", "keywords": [], "content": "\n" }, { "id": "money_shopping/justice-scale-1", "name": "justice-scale-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/justice-scale-2", "name": "justice-scale-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/lipstick", "name": "lipstick", "keywords": [], "content": "\n" }, { "id": "money_shopping/make-up-brush", "name": "make-up-brush", "keywords": [], "content": "\n" }, { "id": "money_shopping/moustache", "name": "moustache", "keywords": [], "content": "\n" }, { "id": "money_shopping/mouth-lip", "name": "mouth-lip", "keywords": [], "content": "\n" }, { "id": "money_shopping/necklace", "name": "necklace", "keywords": [], "content": "\n" }, { "id": "money_shopping/necktie", "name": "necktie", "keywords": [], "content": "\n" }, { "id": "money_shopping/payment-10", "name": "payment-10", "keywords": [], "content": "\n" }, { "id": "money_shopping/payment-cash-out-3", "name": "payment-cash-out-3", "keywords": [], "content": "\n" }, { "id": "money_shopping/pie-chart", "name": "pie-chart", "keywords": [], "content": "\n" }, { "id": "money_shopping/piggy-bank", "name": "piggy-bank", "keywords": [], "content": "\n" }, { "id": "money_shopping/polka-dot-circle", "name": "polka-dot-circle", "keywords": [], "content": "\n" }, { "id": "money_shopping/production-belt", "name": "production-belt", "keywords": [], "content": "\n" }, { "id": "money_shopping/qr-code", "name": "qr-code", "keywords": [], "content": "\n" }, { "id": "money_shopping/receipt-add", "name": "receipt-add", "keywords": [], "content": "\n" }, { "id": "money_shopping/receipt-check", "name": "receipt-check", "keywords": [], "content": "\n" }, { "id": "money_shopping/receipt-subtract", "name": "receipt-subtract", "keywords": [], "content": "\n" }, { "id": "money_shopping/receipt", "name": "receipt", "keywords": [], "content": "\n" }, { "id": "money_shopping/safe-vault", "name": "safe-vault", "keywords": [], "content": "\n" }, { "id": "money_shopping/scanner-3", "name": "scanner-3", "keywords": [], "content": "\n" }, { "id": "money_shopping/scanner-bar-code", "name": "scanner-bar-code", "keywords": [], "content": "\n" }, { "id": "money_shopping/shelf", "name": "shelf", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-bag-hand-bag-2", "name": "shopping-bag-hand-bag-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-basket-1", "name": "shopping-basket-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-basket-2", "name": "shopping-basket-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-cart-1", "name": "shopping-cart-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-cart-2", "name": "shopping-cart-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-cart-3", "name": "shopping-cart-3", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-cart-add", "name": "shopping-cart-add", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-cart-check", "name": "shopping-cart-check", "keywords": [], "content": "\n" }, { "id": "money_shopping/shopping-cart-subtract", "name": "shopping-cart-subtract", "keywords": [], "content": "\n" }, { "id": "money_shopping/signage-3", "name": "signage-3", "keywords": [], "content": "\n" }, { "id": "money_shopping/signage-4", "name": "signage-4", "keywords": [], "content": "\n" }, { "id": "money_shopping/startup", "name": "startup", "keywords": [], "content": "\n" }, { "id": "money_shopping/stock", "name": "stock", "keywords": [], "content": "\n" }, { "id": "money_shopping/store-1", "name": "store-1", "keywords": [], "content": "\n" }, { "id": "money_shopping/store-2", "name": "store-2", "keywords": [], "content": "\n" }, { "id": "money_shopping/store-computer", "name": "store-computer", "keywords": [], "content": "\n" }, { "id": "money_shopping/subscription-cashflow", "name": "subscription-cashflow", "keywords": [], "content": "\n" }, { "id": "money_shopping/tag", "name": "tag", "keywords": [], "content": "\n" }, { "id": "money_shopping/tall-hat", "name": "tall-hat", "keywords": [], "content": "\n" }, { "id": "money_shopping/target-3", "name": "target-3", "keywords": [], "content": "\n" }, { "id": "money_shopping/target", "name": "target", "keywords": [], "content": "\n" }, { "id": "money_shopping/wallet-purse", "name": "wallet-purse", "keywords": [], "content": "\n" }, { "id": "money_shopping/wallet", "name": "wallet", "keywords": [], "content": "\n" }, { "id": "money_shopping/xrp-circle", "name": "xrp-circle", "keywords": [], "content": "\n" }, { "id": "money_shopping/yuan-circle", "name": "yuan-circle", "keywords": [], "content": "\n" }, { "id": "money_shopping/yuan", "name": "yuan", "keywords": [], "content": "\n" } ], "nature_ecology": [ { "id": "nature_ecology/affordable-and-clean-energy", "name": "affordable-and-clean-energy", "keywords": [], "content": "\n" }, { "id": "nature_ecology/alien", "name": "alien", "keywords": [], "content": "\n" }, { "id": "nature_ecology/bone", "name": "bone", "keywords": [], "content": "\n" }, { "id": "nature_ecology/cat-1", "name": "cat-1", "keywords": [], "content": "\n" }, { "id": "nature_ecology/circle-flask", "name": "circle-flask", "keywords": [], "content": "\n" }, { "id": "nature_ecology/clean-water-and-sanitation", "name": "clean-water-and-sanitation", "keywords": [], "content": "\n" }, { "id": "nature_ecology/comet", "name": "comet", "keywords": [], "content": "\n" }, { "id": "nature_ecology/decent-work-and-economic-growth", "name": "decent-work-and-economic-growth", "keywords": [], "content": "\n" }, { "id": "nature_ecology/dna", "name": "dna", "keywords": [], "content": "\n" }, { "id": "nature_ecology/erlenmeyer-flask", "name": "erlenmeyer-flask", "keywords": [], "content": "\n" }, { "id": "nature_ecology/flower", "name": "flower", "keywords": [], "content": "\n" }, { "id": "nature_ecology/galaxy-1", "name": "galaxy-1", "keywords": [], "content": "\n" }, { "id": "nature_ecology/galaxy-2", "name": "galaxy-2", "keywords": [], "content": "\n" }, { "id": "nature_ecology/gender-equality", "name": "gender-equality", "keywords": [], "content": "\n" }, { "id": "nature_ecology/good-health-and-well-being", "name": "good-health-and-well-being", "keywords": [], "content": "\n" }, { "id": "nature_ecology/industry-innovation-and-infrastructure", "name": "industry-innovation-and-infrastructure", "keywords": [], "content": "\n" }, { "id": "nature_ecology/leaf", "name": "leaf", "keywords": [], "content": "\n" }, { "id": "nature_ecology/log", "name": "log", "keywords": [], "content": "\n" }, { "id": "nature_ecology/no-poverty", "name": "no-poverty", "keywords": [], "content": "\n" }, { "id": "nature_ecology/octopus", "name": "octopus", "keywords": [], "content": "\n" }, { "id": "nature_ecology/planet", "name": "planet", "keywords": [], "content": "\n" }, { "id": "nature_ecology/potted-flower-tulip", "name": "potted-flower-tulip", "keywords": [], "content": "\n" }, { "id": "nature_ecology/quality-education", "name": "quality-education", "keywords": [], "content": "\n" }, { "id": "nature_ecology/rainbow", "name": "rainbow", "keywords": [], "content": "\n" }, { "id": "nature_ecology/recycle-1", "name": "recycle-1", "keywords": [], "content": "\n" }, { "id": "nature_ecology/reduced-inequalities", "name": "reduced-inequalities", "keywords": [], "content": "\n" }, { "id": "nature_ecology/rose", "name": "rose", "keywords": [], "content": "\n" }, { "id": "nature_ecology/shell", "name": "shell", "keywords": [], "content": "\n" }, { "id": "nature_ecology/shovel-rake", "name": "shovel-rake", "keywords": [], "content": "\n" }, { "id": "nature_ecology/sprout", "name": "sprout", "keywords": [], "content": "\n" }, { "id": "nature_ecology/telescope", "name": "telescope", "keywords": [], "content": "\n" }, { "id": "nature_ecology/test-tube", "name": "test-tube", "keywords": [], "content": "\n" }, { "id": "nature_ecology/tidal-wave", "name": "tidal-wave", "keywords": [], "content": "\n" }, { "id": "nature_ecology/tree-2", "name": "tree-2", "keywords": [], "content": "\n" }, { "id": "nature_ecology/tree-3", "name": "tree-3", "keywords": [], "content": "\n" }, { "id": "nature_ecology/volcano", "name": "volcano", "keywords": [], "content": "\n" }, { "id": "nature_ecology/windmill", "name": "windmill", "keywords": [], "content": "\n" }, { "id": "nature_ecology/zero-hunger", "name": "zero-hunger", "keywords": [], "content": "\n" } ], "phone": [ { "id": "phone/airplane-disabled", "name": "airplane-disabled", "keywords": [], "content": "\n" }, { "id": "phone/airplane-enabled", "name": "airplane-enabled", "keywords": [], "content": "\n" }, { "id": "phone/back-camera-1", "name": "back-camera-1", "keywords": [], "content": "\n" }, { "id": "phone/call-hang-up", "name": "call-hang-up", "keywords": [], "content": "\n" }, { "id": "phone/cellular-network-4g", "name": "cellular-network-4g", "keywords": [], "content": "\n" }, { "id": "phone/cellular-network-5g", "name": "cellular-network-5g", "keywords": [], "content": "\n" }, { "id": "phone/cellular-network-lte", "name": "cellular-network-lte", "keywords": [], "content": "\n" }, { "id": "phone/contact-phonebook-2", "name": "contact-phonebook-2", "keywords": [], "content": "\n" }, { "id": "phone/hang-up-1", "name": "hang-up-1", "keywords": [], "content": "\n" }, { "id": "phone/hang-up-2", "name": "hang-up-2", "keywords": [], "content": "\n" }, { "id": "phone/incoming-call", "name": "incoming-call", "keywords": [], "content": "\n" }, { "id": "phone/missed-call", "name": "missed-call", "keywords": [], "content": "\n" }, { "id": "phone/notification-alarm-2", "name": "notification-alarm-2", "keywords": [], "content": "\n" }, { "id": "phone/notification-application-1", "name": "notification-application-1", "keywords": [], "content": "\n" }, { "id": "phone/notification-application-2", "name": "notification-application-2", "keywords": [], "content": "\n" }, { "id": "phone/notification-message-alert", "name": "notification-message-alert", "keywords": [], "content": "\n" }, { "id": "phone/outgoing-call", "name": "outgoing-call", "keywords": [], "content": "\n" }, { "id": "phone/phone-mobile-phone", "name": "phone-mobile-phone", "keywords": [], "content": "\n" }, { "id": "phone/phone-qr", "name": "phone-qr", "keywords": [], "content": "\n" }, { "id": "phone/phone-ringing-1", "name": "phone-ringing-1", "keywords": [], "content": "\n" }, { "id": "phone/phone-ringing-2", "name": "phone-ringing-2", "keywords": [], "content": "\n" }, { "id": "phone/phone", "name": "phone", "keywords": [], "content": "\n" }, { "id": "phone/signal-full", "name": "signal-full", "keywords": [], "content": "\n" }, { "id": "phone/signal-low", "name": "signal-low", "keywords": [], "content": "\n" }, { "id": "phone/signal-medium", "name": "signal-medium", "keywords": [], "content": "\n" }, { "id": "phone/signal-none", "name": "signal-none", "keywords": [], "content": "\n" } ], "programing": [ { "id": "programing/application-add", "name": "application-add", "keywords": [], "content": "\n" }, { "id": "programing/bracket", "name": "bracket", "keywords": [], "content": "\n" }, { "id": "programing/browser-add", "name": "browser-add", "keywords": [], "content": "\n" }, { "id": "programing/browser-block", "name": "browser-block", "keywords": [], "content": "\n" }, { "id": "programing/browser-build", "name": "browser-build", "keywords": [], "content": "\n" }, { "id": "programing/browser-check", "name": "browser-check", "keywords": [], "content": "\n" }, { "id": "programing/browser-delete", "name": "browser-delete", "keywords": [], "content": "\n" }, { "id": "programing/browser-hash", "name": "browser-hash", "keywords": [], "content": "\n" }, { "id": "programing/browser-lock", "name": "browser-lock", "keywords": [], "content": "\n" }, { "id": "programing/browser-multiple-window", "name": "browser-multiple-window", "keywords": [], "content": "\n" }, { "id": "programing/browser-remove", "name": "browser-remove", "keywords": [], "content": "\n" }, { "id": "programing/browser-website-1", "name": "browser-website-1", "keywords": [], "content": "\n" }, { "id": "programing/bug-antivirus-debugging", "name": "bug-antivirus-debugging", "keywords": [], "content": "\n" }, { "id": "programing/bug-antivirus-shield", "name": "bug-antivirus-shield", "keywords": [], "content": "\n" }, { "id": "programing/bug-virus-browser", "name": "bug-virus-browser", "keywords": [], "content": "\n" }, { "id": "programing/bug-virus-document", "name": "bug-virus-document", "keywords": [], "content": "\n" }, { "id": "programing/bug-virus-folder", "name": "bug-virus-folder", "keywords": [], "content": "\n" }, { "id": "programing/bug", "name": "bug", "keywords": [], "content": "\n" }, { "id": "programing/cloud-add", "name": "cloud-add", "keywords": [], "content": "\n" }, { "id": "programing/cloud-block", "name": "cloud-block", "keywords": [], "content": "\n" }, { "id": "programing/cloud-check", "name": "cloud-check", "keywords": [], "content": "\n" }, { "id": "programing/cloud-data-transfer", "name": "cloud-data-transfer", "keywords": [], "content": "\n" }, { "id": "programing/cloud-refresh", "name": "cloud-refresh", "keywords": [], "content": "\n" }, { "id": "programing/cloud-share", "name": "cloud-share", "keywords": [], "content": "\n" }, { "id": "programing/cloud-warning", "name": "cloud-warning", "keywords": [], "content": "\n" }, { "id": "programing/cloud-wifi", "name": "cloud-wifi", "keywords": [], "content": "\n" }, { "id": "programing/code-analysis", "name": "code-analysis", "keywords": [], "content": "\n" }, { "id": "programing/code-monitor-1", "name": "code-monitor-1", "keywords": [], "content": "\n" }, { "id": "programing/code-monitor-2", "name": "code-monitor-2", "keywords": [], "content": "\n" }, { "id": "programing/css-three", "name": "css-three", "keywords": [], "content": "\n" }, { "id": "programing/curly-brackets", "name": "curly-brackets", "keywords": [], "content": "\n" }, { "id": "programing/file-code-1", "name": "file-code-1", "keywords": [], "content": "\n" }, { "id": "programing/incognito-mode", "name": "incognito-mode", "keywords": [], "content": "\n" }, { "id": "programing/insert-cloud-video", "name": "insert-cloud-video", "keywords": [], "content": "\n" }, { "id": "programing/markdown-circle-programming", "name": "markdown-circle-programming", "keywords": [], "content": "\n" }, { "id": "programing/markdown-document-programming", "name": "markdown-document-programming", "keywords": [], "content": "\n" }, { "id": "programing/module-puzzle-1", "name": "module-puzzle-1", "keywords": [], "content": "\n" }, { "id": "programing/module-puzzle-3", "name": "module-puzzle-3", "keywords": [], "content": "\n" }, { "id": "programing/module-three", "name": "module-three", "keywords": [], "content": "\n" }, { "id": "programing/rss-square", "name": "rss-square", "keywords": [], "content": "\n" } ], "shipping": [ { "id": "shipping/box-sign", "name": "box-sign", "keywords": [], "content": "\n" }, { "id": "shipping/container", "name": "container", "keywords": [], "content": "\n" }, { "id": "shipping/fragile", "name": "fragile", "keywords": [], "content": "\n" }, { "id": "shipping/parachute-drop", "name": "parachute-drop", "keywords": [], "content": "\n" }, { "id": "shipping/shipment-add", "name": "shipment-add", "keywords": [], "content": "\n" }, { "id": "shipping/shipment-check", "name": "shipment-check", "keywords": [], "content": "\n" }, { "id": "shipping/shipment-download", "name": "shipment-download", "keywords": [], "content": "\n" }, { "id": "shipping/shipment-remove", "name": "shipment-remove", "keywords": [], "content": "\n" }, { "id": "shipping/shipment-upload", "name": "shipment-upload", "keywords": [], "content": "\n" }, { "id": "shipping/shipping-box-1", "name": "shipping-box-1", "keywords": [], "content": "\n" }, { "id": "shipping/shipping-truck", "name": "shipping-truck", "keywords": [], "content": "\n" }, { "id": "shipping/transfer-motorcycle", "name": "transfer-motorcycle", "keywords": [], "content": "\n" }, { "id": "shipping/transfer-van", "name": "transfer-van", "keywords": [], "content": "\n" }, { "id": "shipping/warehouse-1", "name": "warehouse-1", "keywords": [], "content": "\n" } ], "work_education": [ { "id": "work_education/book-reading", "name": "book-reading", "keywords": [], "content": "\n" }, { "id": "work_education/class-lesson", "name": "class-lesson", "keywords": [], "content": "\n" }, { "id": "work_education/collaborations-idea", "name": "collaborations-idea", "keywords": [], "content": "\n" }, { "id": "work_education/definition-search-book", "name": "definition-search-book", "keywords": [], "content": "\n" }, { "id": "work_education/dictionary-language-book", "name": "dictionary-language-book", "keywords": [], "content": "\n" }, { "id": "work_education/global-learning", "name": "global-learning", "keywords": [], "content": "\n" }, { "id": "work_education/graduation-cap", "name": "graduation-cap", "keywords": [], "content": "\n" }, { "id": "work_education/group-meeting-call", "name": "group-meeting-call", "keywords": [], "content": "\n" }, { "id": "work_education/office-building-1", "name": "office-building-1", "keywords": [], "content": "\n" }, { "id": "work_education/office-worker", "name": "office-worker", "keywords": [], "content": "\n" }, { "id": "work_education/search-dollar", "name": "search-dollar", "keywords": [], "content": "\n" }, { "id": "work_education/strategy-tasks", "name": "strategy-tasks", "keywords": [], "content": "\n" }, { "id": "work_education/task-list", "name": "task-list", "keywords": [], "content": "\n" }, { "id": "work_education/workspace-desk", "name": "workspace-desk", "keywords": [], "content": "\n" } ] }
\ No newline at end of file
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/auto-flash.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/auto-flash.svg
new file mode 100644
index 0000000000..0c1936fb80
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/auto-flash.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/camera-1.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-1.svg
new file mode 100644
index 0000000000..6b6609071c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/camera-disabled.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-disabled.svg
new file mode 100644
index 0000000000..4f4c45d181
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-disabled.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/camera-loading.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-loading.svg
new file mode 100644
index 0000000000..ad3ec3d08d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-loading.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/camera-square.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-square.svg
new file mode 100644
index 0000000000..f90f048eaf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/camera-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/composition-oval.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/composition-oval.svg
new file mode 100644
index 0000000000..1799610d70
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/composition-oval.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/composition-vertical.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/composition-vertical.svg
new file mode 100644
index 0000000000..758a66a9a2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/composition-vertical.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/compsition-horizontal.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/compsition-horizontal.svg
new file mode 100644
index 0000000000..b4b5ed760d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/compsition-horizontal.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/edit-image-photo.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/edit-image-photo.svg
new file mode 100644
index 0000000000..fc9c7e8b3f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/edit-image-photo.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/film-roll-1.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/film-roll-1.svg
new file mode 100644
index 0000000000..d657abec5d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/film-roll-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/film-slate.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/film-slate.svg
new file mode 100644
index 0000000000..8fd8f3fed8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/film-slate.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/flash-1.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-1.svg
new file mode 100644
index 0000000000..f1814e8186
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/flash-2.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-2.svg
new file mode 100644
index 0000000000..24d2d68e07
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/flash-3.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-3.svg
new file mode 100644
index 0000000000..e98c8193e9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-3.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/flash-off.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-off.svg
new file mode 100644
index 0000000000..4260106b57
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/flash-off.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/flower.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/flower.svg
new file mode 100644
index 0000000000..87981fa4a1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/flower.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/focus-points.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/focus-points.svg
new file mode 100644
index 0000000000..149495c4af
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/focus-points.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/landscape-2.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/landscape-2.svg
new file mode 100644
index 0000000000..ec970a9893
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/landscape-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/landscape-setting.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/landscape-setting.svg
new file mode 100644
index 0000000000..c87b58d38b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/landscape-setting.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/laptop-camera.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/laptop-camera.svg
new file mode 100644
index 0000000000..88d1c7bb8f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/laptop-camera.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/mobile-phone-camera.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/mobile-phone-camera.svg
new file mode 100644
index 0000000000..b7b69aa738
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/mobile-phone-camera.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/orientation-landscape.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/orientation-landscape.svg
new file mode 100644
index 0000000000..c432b7b046
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/orientation-landscape.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/orientation-portrait.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/orientation-portrait.svg
new file mode 100644
index 0000000000..deaf60faf6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/orientation-portrait.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/images_photography/polaroid-four.svg b/frontend/appflowy_web_app/public/af_icons/images_photography/polaroid-four.svg
new file mode 100644
index 0000000000..6e9121cd50
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/images_photography/polaroid-four.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/add-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-1.svg
new file mode 100644
index 0000000000..dedf45912b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/add-bell-notification.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-bell-notification.svg
new file mode 100644
index 0000000000..d8af9e31e5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-bell-notification.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/add-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-circle.svg
new file mode 100644
index 0000000000..4e6af27c9a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/add-layer-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-layer-2.svg
new file mode 100644
index 0000000000..5027acb248
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-layer-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/add-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-square.svg
new file mode 100644
index 0000000000..1900a45c11
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/add-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/alarm-clock.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/alarm-clock.svg
new file mode 100644
index 0000000000..773ca81fe6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/alarm-clock.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/align-back-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-back-1.svg
new file mode 100644
index 0000000000..8045f92e3d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-back-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/align-center.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-center.svg
new file mode 100644
index 0000000000..25dd359f6a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-center.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/align-front-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-front-1.svg
new file mode 100644
index 0000000000..402eb326da
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-front-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/align-left.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-left.svg
new file mode 100644
index 0000000000..e19e815cfb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-left.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/align-right.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-right.svg
new file mode 100644
index 0000000000..3ff840a813
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/align-right.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/ampersand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/ampersand.svg
new file mode 100644
index 0000000000..11da33fb20
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/ampersand.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/archive-box.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/archive-box.svg
new file mode 100644
index 0000000000..3816bf9f6c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/archive-box.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-bend-left-down-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-bend-left-down-2.svg
new file mode 100644
index 0000000000..7df296c604
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-bend-left-down-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-bend-right-down-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-bend-right-down-2.svg
new file mode 100644
index 0000000000..4d351c0f8e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-bend-right-down-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-down.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-down.svg
new file mode 100644
index 0000000000..c824a1d2aa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-down.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-left.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-left.svg
new file mode 100644
index 0000000000..c64e0771b0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-left.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-right.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-right.svg
new file mode 100644
index 0000000000..1e87e2927b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-right.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-up.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-up.svg
new file mode 100644
index 0000000000..8707846460
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-crossover-up.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-cursor-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-cursor-1.svg
new file mode 100644
index 0000000000..1d4948c62e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-cursor-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-cursor-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-cursor-2.svg
new file mode 100644
index 0000000000..2fddfa485d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-cursor-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-curvy-up-down-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-curvy-up-down-1.svg
new file mode 100644
index 0000000000..7df202b6df
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-curvy-up-down-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-curvy-up-down-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-curvy-up-down-2.svg
new file mode 100644
index 0000000000..65762b3f51
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-curvy-up-down-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-down-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-down-2.svg
new file mode 100644
index 0000000000..1eacf2b68d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-down-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-down-dashed-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-down-dashed-square.svg
new file mode 100644
index 0000000000..7e3f1a5a40
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-down-dashed-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-expand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-expand.svg
new file mode 100644
index 0000000000..6a282421ea
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-expand.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-infinite-loop.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-infinite-loop.svg
new file mode 100644
index 0000000000..a586e55081
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-infinite-loop.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-move.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-move.svg
new file mode 100644
index 0000000000..b106268e87
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-move.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-horizontal-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-horizontal-1.svg
new file mode 100644
index 0000000000..0b0a93b630
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-horizontal-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-horizontal-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-horizontal-2.svg
new file mode 100644
index 0000000000..a649467631
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-horizontal-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-vertical-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-vertical-1.svg
new file mode 100644
index 0000000000..933f27a9e9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-vertical-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-vertical-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-vertical-2.svg
new file mode 100644
index 0000000000..a307381d2c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-reload-vertical-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-roadmap.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-roadmap.svg
new file mode 100644
index 0000000000..70870883bb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-roadmap.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-round-left.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-round-left.svg
new file mode 100644
index 0000000000..f952023502
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-round-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-round-right.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-round-right.svg
new file mode 100644
index 0000000000..e335b2a94f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-round-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink-diagonal-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink-diagonal-1.svg
new file mode 100644
index 0000000000..613ce1cabf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink-diagonal-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink-diagonal-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink-diagonal-2.svg
new file mode 100644
index 0000000000..286c959465
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink-diagonal-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink.svg
new file mode 100644
index 0000000000..19489b132a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-shrink.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-1.svg
new file mode 100644
index 0000000000..3e6efceb00
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-2.svg
new file mode 100644
index 0000000000..db9160cbfd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-3.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-3.svg
new file mode 100644
index 0000000000..63b8361656
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-transfer-diagonal-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-up-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-up-1.svg
new file mode 100644
index 0000000000..6554aeefb4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-up-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-up-dashed-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-up-dashed-square.svg
new file mode 100644
index 0000000000..e583df64a3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/arrow-up-dashed-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/ascending-number-order.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/ascending-number-order.svg
new file mode 100644
index 0000000000..8b8fe17bb3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/ascending-number-order.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/attribution.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/attribution.svg
new file mode 100644
index 0000000000..9118a362ed
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/attribution.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/blank-calendar.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/blank-calendar.svg
new file mode 100644
index 0000000000..cdbe62e663
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/blank-calendar.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/blank-notepad.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/blank-notepad.svg
new file mode 100644
index 0000000000..b1f814264b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/blank-notepad.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/block-bell-notification.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/block-bell-notification.svg
new file mode 100644
index 0000000000..fd9389548a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/block-bell-notification.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/bomb.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/bomb.svg
new file mode 100644
index 0000000000..972746f65e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/bomb.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/bookmark.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/bookmark.svg
new file mode 100644
index 0000000000..808752dc47
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/bookmark.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/braces-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/braces-circle.svg
new file mode 100644
index 0000000000..9ce91cffd0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/braces-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-1.svg
new file mode 100644
index 0000000000..8374202149
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-2.svg
new file mode 100644
index 0000000000..343c13113d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-3.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-3.svg
new file mode 100644
index 0000000000..d18adb4fc8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/brightness-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/broken-link-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/broken-link-2.svg
new file mode 100644
index 0000000000..f2dc320b50
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/broken-link-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/bullet-list.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/bullet-list.svg
new file mode 100644
index 0000000000..a282a82f70
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/bullet-list.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-add.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-add.svg
new file mode 100644
index 0000000000..36d0fd2ef4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-edit.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-edit.svg
new file mode 100644
index 0000000000..2d5296ae1c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-edit.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-jump-to-date.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-jump-to-date.svg
new file mode 100644
index 0000000000..b9b39c8dbb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-jump-to-date.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-star.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-star.svg
new file mode 100644
index 0000000000..18de81b0bf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/calendar-star.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/celsius.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/celsius.svg
new file mode 100644
index 0000000000..42c694210d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/celsius.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/check-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/check-square.svg
new file mode 100644
index 0000000000..fd78970303
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/check-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/check.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/check.svg
new file mode 100644
index 0000000000..1a0d205a49
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/circle-clock.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/circle-clock.svg
new file mode 100644
index 0000000000..66fea10946
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/circle-clock.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/circle.svg
new file mode 100644
index 0000000000..fc16218333
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-add.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-add.svg
new file mode 100644
index 0000000000..ceea0cddff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-add.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-check.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-check.svg
new file mode 100644
index 0000000000..5ac2b85299
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-check.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-remove.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-remove.svg
new file mode 100644
index 0000000000..db6feb1ee1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/clipboard-remove.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/cloud.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/cloud.svg
new file mode 100644
index 0000000000..22a7dfa2cf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/cloud.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/cog.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/cog.svg
new file mode 100644
index 0000000000..f951e92137
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/cog.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/color-palette.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/color-palette.svg
new file mode 100644
index 0000000000..05b7489367
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/color-palette.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/color-picker.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/color-picker.svg
new file mode 100644
index 0000000000..9fde8baaa2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/color-picker.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/color-swatches.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/color-swatches.svg
new file mode 100644
index 0000000000..5071d67161
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/color-swatches.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/cone-shape.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/cone-shape.svg
new file mode 100644
index 0000000000..e5623415c6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/cone-shape.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/convert-PDF-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/convert-PDF-2.svg
new file mode 100644
index 0000000000..ed7db40584
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/convert-PDF-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/copy-paste.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/copy-paste.svg
new file mode 100644
index 0000000000..ce0fd6383c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/copy-paste.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/creative-commons.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/creative-commons.svg
new file mode 100644
index 0000000000..7a3997e636
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/creative-commons.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/crop-selection.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/crop-selection.svg
new file mode 100644
index 0000000000..4c5166cb65
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/crop-selection.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/crown.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/crown.svg
new file mode 100644
index 0000000000..951fb68553
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/crown.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/customer-support-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/customer-support-1.svg
new file mode 100644
index 0000000000..5593196fbf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/customer-support-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/cut.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/cut.svg
new file mode 100644
index 0000000000..8d63408f39
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/cut.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/dark-dislay-mode.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/dark-dislay-mode.svg
new file mode 100644
index 0000000000..b5fddc9f7d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/dark-dislay-mode.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/dashboard-3.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/dashboard-3.svg
new file mode 100644
index 0000000000..54eb799a01
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/dashboard-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/dashboard-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/dashboard-circle.svg
new file mode 100644
index 0000000000..e60ce62cdf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/dashboard-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/delete-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/delete-1.svg
new file mode 100644
index 0000000000..534ae11cba
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/delete-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/descending-number-order.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/descending-number-order.svg
new file mode 100644
index 0000000000..9ce81193f3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/descending-number-order.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/disable-bell-notification.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/disable-bell-notification.svg
new file mode 100644
index 0000000000..2e1a02036a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/disable-bell-notification.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/disable-heart.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/disable-heart.svg
new file mode 100644
index 0000000000..d3943473ef
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/disable-heart.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/division-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/division-circle.svg
new file mode 100644
index 0000000000..2695bb2aaa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/division-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/download-box-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-box-1.svg
new file mode 100644
index 0000000000..11bb09caba
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-box-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/download-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-circle.svg
new file mode 100644
index 0000000000..bf14c7df8d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/download-computer.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-computer.svg
new file mode 100644
index 0000000000..d7ea9900f4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-computer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/download-file.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-file.svg
new file mode 100644
index 0000000000..a298a8eec1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/download-file.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/empty-clipboard.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/empty-clipboard.svg
new file mode 100644
index 0000000000..5ea444ac50
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/empty-clipboard.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/equal-sign.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/equal-sign.svg
new file mode 100644
index 0000000000..94fa93fc41
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/equal-sign.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/expand-horizontal-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/expand-horizontal-1.svg
new file mode 100644
index 0000000000..108286e4b2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/expand-horizontal-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/expand-window-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/expand-window-2.svg
new file mode 100644
index 0000000000..f04b40d461
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/expand-window-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/expand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/expand.svg
new file mode 100644
index 0000000000..adad5b6fc5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/expand.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/face-scan-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/face-scan-1.svg
new file mode 100644
index 0000000000..468f7b9d25
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/face-scan-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/factorial.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/factorial.svg
new file mode 100644
index 0000000000..127c8e2324
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/factorial.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/fahrenheit.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/fahrenheit.svg
new file mode 100644
index 0000000000..3336086ece
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/fahrenheit.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/fastforward-clock.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/fastforward-clock.svg
new file mode 100644
index 0000000000..c7d02240ea
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/fastforward-clock.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/file-add-alternate.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/file-add-alternate.svg
new file mode 100644
index 0000000000..1df2d54768
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/file-add-alternate.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/file-delete-alternate.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/file-delete-alternate.svg
new file mode 100644
index 0000000000..1dc099eaa6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/file-delete-alternate.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/file-remove-alternate.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/file-remove-alternate.svg
new file mode 100644
index 0000000000..9c019dea7a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/file-remove-alternate.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/filter-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/filter-2.svg
new file mode 100644
index 0000000000..b8f72f9e89
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/filter-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/fingerprint-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/fingerprint-1.svg
new file mode 100644
index 0000000000..2d481b1916
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/fingerprint-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/fingerprint-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/fingerprint-2.svg
new file mode 100644
index 0000000000..8216298e20
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/fingerprint-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/fist.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/fist.svg
new file mode 100644
index 0000000000..7f9e043096
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/fist.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/fit-to-height-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/fit-to-height-square.svg
new file mode 100644
index 0000000000..b8976428b2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/fit-to-height-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-arrow-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-arrow-2.svg
new file mode 100644
index 0000000000..758b31b29a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-arrow-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-circle-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-circle-1.svg
new file mode 100644
index 0000000000..1be2ef6ffb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-circle-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-square-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-square-2.svg
new file mode 100644
index 0000000000..dfbb30b0c1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/flip-vertical-square-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-add.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-add.svg
new file mode 100644
index 0000000000..d21b28a584
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-check.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-check.svg
new file mode 100644
index 0000000000..e838527d46
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-delete.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-delete.svg
new file mode 100644
index 0000000000..7f39330a0b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/folder-delete.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/front-camera.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/front-camera.svg
new file mode 100644
index 0000000000..1373e61f2d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/front-camera.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/gif-format.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/gif-format.svg
new file mode 100644
index 0000000000..432e410130
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/gif-format.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/give-gift.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/give-gift.svg
new file mode 100644
index 0000000000..8040687c5e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/give-gift.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/glasses.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/glasses.svg
new file mode 100644
index 0000000000..d5feb7462d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/glasses.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/half-star-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/half-star-1.svg
new file mode 100644
index 0000000000..57e9efaf7c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/half-star-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hand-cursor.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hand-cursor.svg
new file mode 100644
index 0000000000..2d09bc7926
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hand-cursor.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hand-grab.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hand-grab.svg
new file mode 100644
index 0000000000..24eec4e453
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hand-grab.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-1-paragraph-styles-heading.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-1-paragraph-styles-heading.svg
new file mode 100644
index 0000000000..7bdad9cff9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-1-paragraph-styles-heading.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-2-paragraph-styles-heading.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-2-paragraph-styles-heading.svg
new file mode 100644
index 0000000000..53c948d7b2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-2-paragraph-styles-heading.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-3-paragraph-styles-heading.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-3-paragraph-styles-heading.svg
new file mode 100644
index 0000000000..69d6db3d3d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/heading-3-paragraph-styles-heading.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/heart.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/heart.svg
new file mode 100644
index 0000000000..e525ec4e3d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/heart.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/help-chat-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/help-chat-2.svg
new file mode 100644
index 0000000000..ee9b036743
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/help-chat-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/help-question-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/help-question-1.svg
new file mode 100644
index 0000000000..e709c34077
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/help-question-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-10.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-10.svg
new file mode 100644
index 0000000000..a39558ce91
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-10.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-13.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-13.svg
new file mode 100644
index 0000000000..7a95cd6bb0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-13.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-14.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-14.svg
new file mode 100644
index 0000000000..8d7650b3ef
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-14.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-2.svg
new file mode 100644
index 0000000000..7308894854
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-4.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-4.svg
new file mode 100644
index 0000000000..24e31540de
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-4.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-7.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-7.svg
new file mode 100644
index 0000000000..3485bea5e0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/hierarchy-7.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/home-3.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/home-3.svg
new file mode 100644
index 0000000000..36d1d77fbb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/home-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/home-4.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/home-4.svg
new file mode 100644
index 0000000000..c7bc580449
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/home-4.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/horizontal-menu-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/horizontal-menu-circle.svg
new file mode 100644
index 0000000000..a3091c3357
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/horizontal-menu-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/humidity-none.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/humidity-none.svg
new file mode 100644
index 0000000000..c81c318039
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/humidity-none.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/image-blur.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/image-blur.svg
new file mode 100644
index 0000000000..132f437695
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/image-blur.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/image-saturation.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/image-saturation.svg
new file mode 100644
index 0000000000..5bfd1feb04
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/image-saturation.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/information-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/information-circle.svg
new file mode 100644
index 0000000000..8ea9d8a04b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/information-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/input-box.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/input-box.svg
new file mode 100644
index 0000000000..6369712e83
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/input-box.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-side.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-side.svg
new file mode 100644
index 0000000000..a8cb471c5b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-side.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-top-left.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-top-left.svg
new file mode 100644
index 0000000000..248fa83cb8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-top-left.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-top-right.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-top-right.svg
new file mode 100644
index 0000000000..e8729e632b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/insert-top-right.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/invisible-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/invisible-1.svg
new file mode 100644
index 0000000000..2faf921e82
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/invisible-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/invisible-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/invisible-2.svg
new file mode 100644
index 0000000000..df9c4e5e42
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/invisible-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/jump-object.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/jump-object.svg
new file mode 100644
index 0000000000..2859e74ef9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/jump-object.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/key.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/key.svg
new file mode 100644
index 0000000000..738976a249
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/key.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/keyhole-lock-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/keyhole-lock-circle.svg
new file mode 100644
index 0000000000..ef1cd3be8e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/keyhole-lock-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/lasso-tool.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/lasso-tool.svg
new file mode 100644
index 0000000000..ff0238cdf7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/lasso-tool.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/layers-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/layers-1.svg
new file mode 100644
index 0000000000..8475e73e3b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/layers-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/layers-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/layers-2.svg
new file mode 100644
index 0000000000..80ad0566b4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/layers-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-1.svg
new file mode 100644
index 0000000000..111f879265
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-11.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-11.svg
new file mode 100644
index 0000000000..5ecd8b291b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-11.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-2.svg
new file mode 100644
index 0000000000..9539f79aca
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-8.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-8.svg
new file mode 100644
index 0000000000..8ddfa4d969
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/layout-window-8.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/lightbulb.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/lightbulb.svg
new file mode 100644
index 0000000000..84f1978687
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/lightbulb.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/like-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/like-1.svg
new file mode 100644
index 0000000000..ab7b5ac62c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/like-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/link-chain.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/link-chain.svg
new file mode 100644
index 0000000000..1e8c9ebf03
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/link-chain.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/live-video.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/live-video.svg
new file mode 100644
index 0000000000..74eaac7e5d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/live-video.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/lock-rotation.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/lock-rotation.svg
new file mode 100644
index 0000000000..641f61bca4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/lock-rotation.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/login-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/login-1.svg
new file mode 100644
index 0000000000..1bed479e06
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/login-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/logout-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/logout-1.svg
new file mode 100644
index 0000000000..d5aa2c018b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/logout-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/loop-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/loop-1.svg
new file mode 100644
index 0000000000..2ec2b2bd1b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/loop-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/magic-wand-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/magic-wand-2.svg
new file mode 100644
index 0000000000..4ddba53433
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/magic-wand-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/magnifying-glass-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/magnifying-glass-circle.svg
new file mode 100644
index 0000000000..7c34859cc8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/magnifying-glass-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/magnifying-glass.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/magnifying-glass.svg
new file mode 100644
index 0000000000..d7884201c5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/magnifying-glass.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/manual-book.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/manual-book.svg
new file mode 100644
index 0000000000..2057e661ed
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/manual-book.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/megaphone-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/megaphone-2.svg
new file mode 100644
index 0000000000..4f3236db97
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/megaphone-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/minimize-window-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/minimize-window-2.svg
new file mode 100644
index 0000000000..0c898ad6b3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/minimize-window-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/moon-cloud.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/moon-cloud.svg
new file mode 100644
index 0000000000..75a3f4d90e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/moon-cloud.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/move-left.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/move-left.svg
new file mode 100644
index 0000000000..3d1f5c3b1f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/move-left.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/move-right.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/move-right.svg
new file mode 100644
index 0000000000..333693da80
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/move-right.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/multiple-file-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/multiple-file-2.svg
new file mode 100644
index 0000000000..a65117c01f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/multiple-file-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/music-folder-song.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/music-folder-song.svg
new file mode 100644
index 0000000000..13e2814e47
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/music-folder-song.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/new-file.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/new-file.svg
new file mode 100644
index 0000000000..0618a6f84e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/new-file.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/new-folder.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/new-folder.svg
new file mode 100644
index 0000000000..897ec68112
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/new-folder.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/new-sticky-note.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/new-sticky-note.svg
new file mode 100644
index 0000000000..2b9c67b187
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/new-sticky-note.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/not-equal-sign.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/not-equal-sign.svg
new file mode 100644
index 0000000000..f24755f0d1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/not-equal-sign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/ok-hand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/ok-hand.svg
new file mode 100644
index 0000000000..7a101d56e1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/ok-hand.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-drag-horizontal.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-drag-horizontal.svg
new file mode 100644
index 0000000000..0f20eee768
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-drag-horizontal.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-drag-vertical.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-drag-vertical.svg
new file mode 100644
index 0000000000..44d28b3a69
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-drag-vertical.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-hold.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-hold.svg
new file mode 100644
index 0000000000..1945cd18fe
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-hold.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-tap.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-tap.svg
new file mode 100644
index 0000000000..af6d35a12f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/one-finger-tap.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/open-book.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/open-book.svg
new file mode 100644
index 0000000000..7d0258d9ae
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/open-book.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/open-umbrella.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/open-umbrella.svg
new file mode 100644
index 0000000000..694edaee6e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/open-umbrella.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/padlock-square-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/padlock-square-1.svg
new file mode 100644
index 0000000000..c15e161f51
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/padlock-square-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/page-setting.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/page-setting.svg
new file mode 100644
index 0000000000..05a50047b7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/page-setting.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/paint-bucket.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/paint-bucket.svg
new file mode 100644
index 0000000000..bc0bb97da8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/paint-bucket.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/paint-palette.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/paint-palette.svg
new file mode 100644
index 0000000000..05a7cd2c17
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/paint-palette.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/paintbrush-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/paintbrush-1.svg
new file mode 100644
index 0000000000..ac1d931e84
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/paintbrush-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/paintbrush-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/paintbrush-2.svg
new file mode 100644
index 0000000000..ac8cbe43b4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/paintbrush-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/paperclip-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/paperclip-1.svg
new file mode 100644
index 0000000000..2c42341300
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/paperclip-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/paragraph.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/paragraph.svg
new file mode 100644
index 0000000000..077a43d46a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/paragraph.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-divide.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-divide.svg
new file mode 100644
index 0000000000..11617189b9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-divide.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-exclude.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-exclude.svg
new file mode 100644
index 0000000000..6e791326e0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-exclude.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-intersect.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-intersect.svg
new file mode 100644
index 0000000000..84050733ca
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-intersect.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-merge.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-merge.svg
new file mode 100644
index 0000000000..81e6775419
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-merge.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-minus-front-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-minus-front-1.svg
new file mode 100644
index 0000000000..ee9f455c92
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-minus-front-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-trim.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-trim.svg
new file mode 100644
index 0000000000..6a8d72d908
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-trim.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-union.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-union.svg
new file mode 100644
index 0000000000..470996d2bb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pathfinder-union.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/peace-hand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/peace-hand.svg
new file mode 100644
index 0000000000..6791449f42
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/peace-hand.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-3.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-3.svg
new file mode 100644
index 0000000000..651b4a383a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-draw.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-draw.svg
new file mode 100644
index 0000000000..1923942612
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-draw.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-tool.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-tool.svg
new file mode 100644
index 0000000000..db0e8c253f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pen-tool.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pencil.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pencil.svg
new file mode 100644
index 0000000000..95251d86d9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pencil.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pentagon.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pentagon.svg
new file mode 100644
index 0000000000..c3a5663ef7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pentagon.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pi-symbol-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pi-symbol-circle.svg
new file mode 100644
index 0000000000..5656f8155a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pi-symbol-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pictures-folder-memories.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pictures-folder-memories.svg
new file mode 100644
index 0000000000..f7db57e6e7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pictures-folder-memories.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/podium.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/podium.svg
new file mode 100644
index 0000000000..5914889c53
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/podium.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/polygon.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/polygon.svg
new file mode 100644
index 0000000000..93d003ae12
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/polygon.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/praying-hand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/praying-hand.svg
new file mode 100644
index 0000000000..64e54f8d71
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/praying-hand.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/projector-board.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/projector-board.svg
new file mode 100644
index 0000000000..e79950e656
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/projector-board.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/pyramid-shape.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/pyramid-shape.svg
new file mode 100644
index 0000000000..a8544363c6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/pyramid-shape.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/quotation-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/quotation-2.svg
new file mode 100644
index 0000000000..941b957351
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/quotation-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/radioactive-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/radioactive-2.svg
new file mode 100644
index 0000000000..4bb4a1ad8f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/radioactive-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/rain-cloud.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/rain-cloud.svg
new file mode 100644
index 0000000000..0ea0fc0369
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/rain-cloud.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/recycle-bin-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/recycle-bin-2.svg
new file mode 100644
index 0000000000..71e8570525
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/recycle-bin-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/ringing-bell-notification.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/ringing-bell-notification.svg
new file mode 100644
index 0000000000..fc194e471c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/ringing-bell-notification.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/rock-and-roll-hand.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/rock-and-roll-hand.svg
new file mode 100644
index 0000000000..12b685624f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/rock-and-roll-hand.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/rotate-angle-45.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/rotate-angle-45.svg
new file mode 100644
index 0000000000..697a2d232a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/rotate-angle-45.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/round-cap.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/round-cap.svg
new file mode 100644
index 0000000000..ca90db1ada
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/round-cap.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/satellite-dish.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/satellite-dish.svg
new file mode 100644
index 0000000000..900f43faa2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/satellite-dish.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/scanner.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/scanner.svg
new file mode 100644
index 0000000000..a539ba8bcc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/scanner.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/search-visual.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/search-visual.svg
new file mode 100644
index 0000000000..01ae1a1551
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/search-visual.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/select-circle-area-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/select-circle-area-1.svg
new file mode 100644
index 0000000000..aa4caab372
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/select-circle-area-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/share-link.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/share-link.svg
new file mode 100644
index 0000000000..b7871bc70d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/share-link.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-1.svg
new file mode 100644
index 0000000000..55ec4a5498
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-2.svg
new file mode 100644
index 0000000000..95eac8b8d1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-check.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-check.svg
new file mode 100644
index 0000000000..a50dedecf3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-cross.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-cross.svg
new file mode 100644
index 0000000000..a9d68aeb87
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/shield-cross.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/shrink-horizontal-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/shrink-horizontal-1.svg
new file mode 100644
index 0000000000..5211f9f9b0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/shrink-horizontal-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/shuffle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/shuffle.svg
new file mode 100644
index 0000000000..794fdec2c4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/shuffle.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/sigma.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/sigma.svg
new file mode 100644
index 0000000000..c552e8c07d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/sigma.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/skull-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/skull-1.svg
new file mode 100644
index 0000000000..44937e48cc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/skull-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/sleep.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/sleep.svg
new file mode 100644
index 0000000000..20d55c012a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/sleep.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/snow-flake.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/snow-flake.svg
new file mode 100644
index 0000000000..d1bb1f1d45
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/snow-flake.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/sort-descending.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/sort-descending.svg
new file mode 100644
index 0000000000..912b92b88c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/sort-descending.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/spiral-shape.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/spiral-shape.svg
new file mode 100644
index 0000000000..dfd002ef8b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/spiral-shape.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/split-vertical.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/split-vertical.svg
new file mode 100644
index 0000000000..ce7c2bda52
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/split-vertical.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/spray-paint.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/spray-paint.svg
new file mode 100644
index 0000000000..8e18a39c40
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/spray-paint.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/square-brackets-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-brackets-circle.svg
new file mode 100644
index 0000000000..3b75475809
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-brackets-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/square-cap.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-cap.svg
new file mode 100644
index 0000000000..91c82353fc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-cap.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/square-clock.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-clock.svg
new file mode 100644
index 0000000000..cdcaf984fa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-clock.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/square-root-x-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-root-x-circle.svg
new file mode 100644
index 0000000000..3b2dc980b8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/square-root-x-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/star-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/star-1.svg
new file mode 100644
index 0000000000..58a5c88759
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/star-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/star-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/star-2.svg
new file mode 100644
index 0000000000..660bbbe347
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/star-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/star-badge.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/star-badge.svg
new file mode 100644
index 0000000000..78307418c7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/star-badge.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/straight-cap.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/straight-cap.svg
new file mode 100644
index 0000000000..a1b64c1675
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/straight-cap.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-1.svg
new file mode 100644
index 0000000000..32300958c5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-circle.svg
new file mode 100644
index 0000000000..6bcdece9d1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-square.svg
new file mode 100644
index 0000000000..0384f63da5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/subtract-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/sun-cloud.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/sun-cloud.svg
new file mode 100644
index 0000000000..1606b89874
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/sun-cloud.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/synchronize-disable.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/synchronize-disable.svg
new file mode 100644
index 0000000000..fe5ae9bc25
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/synchronize-disable.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/synchronize-warning.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/synchronize-warning.svg
new file mode 100644
index 0000000000..3f773ad3ff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/synchronize-warning.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/table-lamp-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/table-lamp-1.svg
new file mode 100644
index 0000000000..a5859f39fc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/table-lamp-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/tag.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/tag.svg
new file mode 100644
index 0000000000..b79a4ff92f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/tag.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/text-flow-rows.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/text-flow-rows.svg
new file mode 100644
index 0000000000..15977a72f7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/text-flow-rows.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/text-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/text-square.svg
new file mode 100644
index 0000000000..b297b154de
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/text-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/text-style.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/text-style.svg
new file mode 100644
index 0000000000..9c5ae09c44
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/text-style.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/thermometer.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/thermometer.svg
new file mode 100644
index 0000000000..362672a374
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/thermometer.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/trending-content.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/trending-content.svg
new file mode 100644
index 0000000000..42e3618f54
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/trending-content.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/trophy.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/trophy.svg
new file mode 100644
index 0000000000..d05a23292b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/trophy.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/two-finger-drag-hotizontal.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/two-finger-drag-hotizontal.svg
new file mode 100644
index 0000000000..fc07dc2fb2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/two-finger-drag-hotizontal.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/two-finger-tap.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/two-finger-tap.svg
new file mode 100644
index 0000000000..638319a091
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/two-finger-tap.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/underline-text-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/underline-text-1.svg
new file mode 100644
index 0000000000..daa443a4d9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/underline-text-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-box-1.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-box-1.svg
new file mode 100644
index 0000000000..787314f476
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-box-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-circle.svg
new file mode 100644
index 0000000000..886fa014f3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-computer.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-computer.svg
new file mode 100644
index 0000000000..8784850a7e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-computer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-file.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-file.svg
new file mode 100644
index 0000000000..c0696194ef
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/upload-file.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-add-plus.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-add-plus.svg
new file mode 100644
index 0000000000..a95ceab231
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-add-plus.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-check-validate.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-check-validate.svg
new file mode 100644
index 0000000000..d9bd0051e6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-check-validate.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-circle-single.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-circle-single.svg
new file mode 100644
index 0000000000..a40b12549e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-circle-single.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-identifier-card.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-identifier-card.svg
new file mode 100644
index 0000000000..bab5c06ac5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-identifier-card.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-multiple-circle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-multiple-circle.svg
new file mode 100644
index 0000000000..6740649fa4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-multiple-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-multiple-group.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-multiple-group.svg
new file mode 100644
index 0000000000..07c4e2ffd0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-multiple-group.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-profile-focus.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-profile-focus.svg
new file mode 100644
index 0000000000..72f1381092
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-profile-focus.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-protection-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-protection-2.svg
new file mode 100644
index 0000000000..adcd16e31d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-protection-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-remove-subtract.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-remove-subtract.svg
new file mode 100644
index 0000000000..8b84f56060
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-remove-subtract.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-single-neutral-male.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-single-neutral-male.svg
new file mode 100644
index 0000000000..7f81c29bfb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-single-neutral-male.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/user-sync-online-in-person.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-sync-online-in-person.svg
new file mode 100644
index 0000000000..71b68e2f37
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/user-sync-online-in-person.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/vertical-slider-square.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/vertical-slider-square.svg
new file mode 100644
index 0000000000..0cf86e26e0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/vertical-slider-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/video-swap-camera.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/video-swap-camera.svg
new file mode 100644
index 0000000000..f7cdad5918
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/video-swap-camera.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/visible.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/visible.svg
new file mode 100644
index 0000000000..343ffa0ca9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/visible.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/voice-scan-2.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/voice-scan-2.svg
new file mode 100644
index 0000000000..8a083f13ad
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/voice-scan-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/waning-cresent-moon.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/waning-cresent-moon.svg
new file mode 100644
index 0000000000..91dde28366
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/waning-cresent-moon.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/warning-octagon.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/warning-octagon.svg
new file mode 100644
index 0000000000..52cc420522
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/warning-octagon.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/interface_essential/warning-triangle.svg b/frontend/appflowy_web_app/public/af_icons/interface_essential/warning-triangle.svg
new file mode 100644
index 0000000000..5f205c4c95
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/interface_essential/warning-triangle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-notification.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-notification.svg
new file mode 100644
index 0000000000..320ab16d19
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-notification.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-smiley-1.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-smiley-1.svg
new file mode 100644
index 0000000000..b79fed59f7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-smiley-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-smiley-2.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-smiley-2.svg
new file mode 100644
index 0000000000..6f20c07292
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval-smiley-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval.svg
new file mode 100644
index 0000000000..74bfb2b1f1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-oval.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-block.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-block.svg
new file mode 100644
index 0000000000..81e9132b68
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-block.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-question.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-question.svg
new file mode 100644
index 0000000000..b09ee92a09
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-question.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-warning.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-warning.svg
new file mode 100644
index 0000000000..e784e77e10
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-warning.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-write.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-write.svg
new file mode 100644
index 0000000000..9dc5174dca
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-square-write.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-text-square.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-text-square.svg
new file mode 100644
index 0000000000..60f7c3032b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-text-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-typing-oval.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-typing-oval.svg
new file mode 100644
index 0000000000..05f9dc722d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-bubble-typing-oval.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/chat-two-bubbles-oval.svg b/frontend/appflowy_web_app/public/af_icons/mail/chat-two-bubbles-oval.svg
new file mode 100644
index 0000000000..068e2de39e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/chat-two-bubbles-oval.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/discussion-converstion-reply.svg b/frontend/appflowy_web_app/public/af_icons/mail/discussion-converstion-reply.svg
new file mode 100644
index 0000000000..4d63be9a85
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/discussion-converstion-reply.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/happy-face.svg b/frontend/appflowy_web_app/public/af_icons/mail/happy-face.svg
new file mode 100644
index 0000000000..1f5f581da6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/happy-face.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/inbox-block.svg b/frontend/appflowy_web_app/public/af_icons/mail/inbox-block.svg
new file mode 100644
index 0000000000..251a31897f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/inbox-block.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/inbox-favorite-heart.svg b/frontend/appflowy_web_app/public/af_icons/mail/inbox-favorite-heart.svg
new file mode 100644
index 0000000000..68d266fe49
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/inbox-favorite-heart.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/inbox-favorite.svg b/frontend/appflowy_web_app/public/af_icons/mail/inbox-favorite.svg
new file mode 100644
index 0000000000..9a27890605
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/inbox-favorite.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/inbox-lock.svg b/frontend/appflowy_web_app/public/af_icons/mail/inbox-lock.svg
new file mode 100644
index 0000000000..721163917d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/inbox-lock.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/inbox-tray-1.svg b/frontend/appflowy_web_app/public/af_icons/mail/inbox-tray-1.svg
new file mode 100644
index 0000000000..25cf8d1ace
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/inbox-tray-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/inbox-tray-2.svg b/frontend/appflowy_web_app/public/af_icons/mail/inbox-tray-2.svg
new file mode 100644
index 0000000000..2d2b6afa4c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/inbox-tray-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/mail-incoming.svg b/frontend/appflowy_web_app/public/af_icons/mail/mail-incoming.svg
new file mode 100644
index 0000000000..e3cebdbffa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/mail-incoming.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/mail-search.svg b/frontend/appflowy_web_app/public/af_icons/mail/mail-search.svg
new file mode 100644
index 0000000000..280d7cb363
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/mail-search.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/mail-send-email-message.svg b/frontend/appflowy_web_app/public/af_icons/mail/mail-send-email-message.svg
new file mode 100644
index 0000000000..5a01764607
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/mail-send-email-message.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/mail-send-envelope.svg b/frontend/appflowy_web_app/public/af_icons/mail/mail-send-envelope.svg
new file mode 100644
index 0000000000..ee32a0d2d5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/mail-send-envelope.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/mail-send-reply-all.svg b/frontend/appflowy_web_app/public/af_icons/mail/mail-send-reply-all.svg
new file mode 100644
index 0000000000..5a4bbd13ae
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/mail-send-reply-all.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/sad-face.svg b/frontend/appflowy_web_app/public/af_icons/mail/sad-face.svg
new file mode 100644
index 0000000000..cb07b814ff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/sad-face.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/send-email.svg b/frontend/appflowy_web_app/public/af_icons/mail/send-email.svg
new file mode 100644
index 0000000000..0431ab66eb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/send-email.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/sign-at.svg b/frontend/appflowy_web_app/public/af_icons/mail/sign-at.svg
new file mode 100644
index 0000000000..764b2bf312
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/sign-at.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/sign-hashtag.svg b/frontend/appflowy_web_app/public/af_icons/mail/sign-hashtag.svg
new file mode 100644
index 0000000000..545e661007
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/sign-hashtag.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-angry.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-angry.svg
new file mode 100644
index 0000000000..3e9ad9ee33
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-angry.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-cool.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-cool.svg
new file mode 100644
index 0000000000..71d44d8279
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-cool.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-crying-1.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-crying-1.svg
new file mode 100644
index 0000000000..c5cfe2df8d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-crying-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-cute.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-cute.svg
new file mode 100644
index 0000000000..918f29f705
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-cute.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-drool.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-drool.svg
new file mode 100644
index 0000000000..acc73cee7c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-drool.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-emoji-kiss-nervous.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-emoji-kiss-nervous.svg
new file mode 100644
index 0000000000..2e8ce83c87
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-emoji-kiss-nervous.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-emoji-terrified.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-emoji-terrified.svg
new file mode 100644
index 0000000000..2ee952b07c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-emoji-terrified.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-grumpy.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-grumpy.svg
new file mode 100644
index 0000000000..e0f6d4c939
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-grumpy.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-happy.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-happy.svg
new file mode 100644
index 0000000000..1849e6fc5f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-happy.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-in-love.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-in-love.svg
new file mode 100644
index 0000000000..cb3f446338
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-in-love.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-kiss.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-kiss.svg
new file mode 100644
index 0000000000..f86db7c10c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-kiss.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/mail/smiley-laughing-3.svg b/frontend/appflowy_web_app/public/af_icons/mail/smiley-laughing-3.svg
new file mode 100644
index 0000000000..df01420baa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/mail/smiley-laughing-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/airplane.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/airplane.svg
new file mode 100644
index 0000000000..85b9018e5b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/airplane.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/airport-plane-transit.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/airport-plane-transit.svg
new file mode 100644
index 0000000000..723a23d913
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/airport-plane-transit.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/airport-plane.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/airport-plane.svg
new file mode 100644
index 0000000000..6731fd8992
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/airport-plane.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/airport-security.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/airport-security.svg
new file mode 100644
index 0000000000..30d2c370a6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/airport-security.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/anchor.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/anchor.svg
new file mode 100644
index 0000000000..8b05191e02
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/anchor.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/baggage.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/baggage.svg
new file mode 100644
index 0000000000..674be5b254
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/baggage.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/beach.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/beach.svg
new file mode 100644
index 0000000000..8e38eaea77
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/beach.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/bicycle-bike.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/bicycle-bike.svg
new file mode 100644
index 0000000000..0f01d9cdd1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/bicycle-bike.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/braille-blind.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/braille-blind.svg
new file mode 100644
index 0000000000..8c8f531003
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/braille-blind.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/bus.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/bus.svg
new file mode 100644
index 0000000000..2bf0c8ab84
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/bus.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/camping-tent.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/camping-tent.svg
new file mode 100644
index 0000000000..46d9e7fcc7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/camping-tent.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/cane.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/cane.svg
new file mode 100644
index 0000000000..6778b91182
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/cane.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/capitol.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/capitol.svg
new file mode 100644
index 0000000000..c9f7106687
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/capitol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/car-battery-charging.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/car-battery-charging.svg
new file mode 100644
index 0000000000..610323ea42
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/car-battery-charging.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/car-taxi-1.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/car-taxi-1.svg
new file mode 100644
index 0000000000..156ee2113a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/car-taxi-1.svg
@@ -0,0 +1,5 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/city-hall.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/city-hall.svg
new file mode 100644
index 0000000000..379f9a974a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/city-hall.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/compass-navigator.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/compass-navigator.svg
new file mode 100644
index 0000000000..63ead58975
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/compass-navigator.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/crutch.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/crutch.svg
new file mode 100644
index 0000000000..6f46d47b87
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/crutch.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/dangerous-zone-sign.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/dangerous-zone-sign.svg
new file mode 100644
index 0000000000..675fbfb386
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/dangerous-zone-sign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/earth-1.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/earth-1.svg
new file mode 100644
index 0000000000..b38deea54b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/earth-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/earth-airplane.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/earth-airplane.svg
new file mode 100644
index 0000000000..44103e0c82
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/earth-airplane.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/emergency-exit.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/emergency-exit.svg
new file mode 100644
index 0000000000..047192a9f1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/emergency-exit.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/fire-alarm-2.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/fire-alarm-2.svg
new file mode 100644
index 0000000000..17cd4f4304
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/fire-alarm-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/fire-extinguisher-sign.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/fire-extinguisher-sign.svg
new file mode 100644
index 0000000000..54da68657a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/fire-extinguisher-sign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/gas-station-fuel-petroleum.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/gas-station-fuel-petroleum.svg
new file mode 100644
index 0000000000..3fb3f024a7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/gas-station-fuel-petroleum.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hearing-deaf-1.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hearing-deaf-1.svg
new file mode 100644
index 0000000000..5abe2f60a0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hearing-deaf-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hearing-deaf-2.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hearing-deaf-2.svg
new file mode 100644
index 0000000000..7623a86ae7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hearing-deaf-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/high-speed-train-front.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/high-speed-train-front.svg
new file mode 100644
index 0000000000..0334e072ee
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/high-speed-train-front.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hot-spring.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hot-spring.svg
new file mode 100644
index 0000000000..3f72df09e3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hot-spring.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-air-conditioner.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-air-conditioner.svg
new file mode 100644
index 0000000000..b8006f8ab8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-air-conditioner.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-bed-2.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-bed-2.svg
new file mode 100644
index 0000000000..2af7f57ce1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-bed-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-laundry.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-laundry.svg
new file mode 100644
index 0000000000..5a7291b7da
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-laundry.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-one-star.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-one-star.svg
new file mode 100644
index 0000000000..c7d69e2d42
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-one-star.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-shower-head.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-shower-head.svg
new file mode 100644
index 0000000000..5e3cf1de40
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-shower-head.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-two-star.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-two-star.svg
new file mode 100644
index 0000000000..c1ae54056c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/hotel-two-star.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/information-desk-customer.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/information-desk-customer.svg
new file mode 100644
index 0000000000..7add1d0610
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/information-desk-customer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/information-desk.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/information-desk.svg
new file mode 100644
index 0000000000..d13cba2fc5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/information-desk.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/iron.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/iron.svg
new file mode 100644
index 0000000000..641099f09a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/iron.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/ladder.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/ladder.svg
new file mode 100644
index 0000000000..9963129445
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/ladder.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/lift-disability.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/lift-disability.svg
new file mode 100644
index 0000000000..588edf9c83
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/lift-disability.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/lift.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/lift.svg
new file mode 100644
index 0000000000..aafccb263e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/lift.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/location-compass-1.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/location-compass-1.svg
new file mode 100644
index 0000000000..00647fbe0f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/location-compass-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/location-pin-3.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/location-pin-3.svg
new file mode 100644
index 0000000000..bc88a620b8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/location-pin-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/location-pin-disabled.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/location-pin-disabled.svg
new file mode 100644
index 0000000000..2ff5e3cbd3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/location-pin-disabled.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/location-target-1.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/location-target-1.svg
new file mode 100644
index 0000000000..9c015e2f47
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/location-target-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/lost-and-found.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/lost-and-found.svg
new file mode 100644
index 0000000000..047a764906
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/lost-and-found.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/man-symbol.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/man-symbol.svg
new file mode 100644
index 0000000000..0f2a3dcef7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/man-symbol.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/map-fold.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/map-fold.svg
new file mode 100644
index 0000000000..5f059cb98b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/map-fold.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/navigation-arrow-off.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/navigation-arrow-off.svg
new file mode 100644
index 0000000000..d40bbffe6f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/navigation-arrow-off.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/navigation-arrow-on.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/navigation-arrow-on.svg
new file mode 100644
index 0000000000..ca83a1f7b6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/navigation-arrow-on.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/parking-sign.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/parking-sign.svg
new file mode 100644
index 0000000000..3708cca823
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/parking-sign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/parliament.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/parliament.svg
new file mode 100644
index 0000000000..aae1a5f440
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/parliament.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/passport.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/passport.svg
new file mode 100644
index 0000000000..848f049fbc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/passport.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/pet-paw.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/pet-paw.svg
new file mode 100644
index 0000000000..27cf85c318
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/pet-paw.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/pets-allowed.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/pets-allowed.svg
new file mode 100644
index 0000000000..48bd43e11a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/pets-allowed.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/pool-ladder.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/pool-ladder.svg
new file mode 100644
index 0000000000..dabe71440e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/pool-ladder.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/rock-slide.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/rock-slide.svg
new file mode 100644
index 0000000000..0a6a5a711d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/rock-slide.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/sail-ship.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/sail-ship.svg
new file mode 100644
index 0000000000..982767a3c5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/sail-ship.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/school-bus-side.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/school-bus-side.svg
new file mode 100644
index 0000000000..7b5856e7ff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/school-bus-side.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/smoke-detector.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/smoke-detector.svg
new file mode 100644
index 0000000000..89862439b9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/smoke-detector.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/smoking-area.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/smoking-area.svg
new file mode 100644
index 0000000000..4e39d94df2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/smoking-area.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/snorkle.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/snorkle.svg
new file mode 100644
index 0000000000..626e2cf484
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/snorkle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/steering-wheel.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/steering-wheel.svg
new file mode 100644
index 0000000000..2b3adeb5bb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/steering-wheel.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/street-road.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/street-road.svg
new file mode 100644
index 0000000000..5ff4e3c03c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/street-road.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/street-sign.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/street-sign.svg
new file mode 100644
index 0000000000..d5f80c30a8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/street-sign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/take-off.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/take-off.svg
new file mode 100644
index 0000000000..7d5aafc2c3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/take-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-man.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-man.svg
new file mode 100644
index 0000000000..67df34ada5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-man.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-sign-man-woman-2.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-sign-man-woman-2.svg
new file mode 100644
index 0000000000..44f3680273
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-sign-man-woman-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-women.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-women.svg
new file mode 100644
index 0000000000..916f4591c7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/toilet-women.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/traffic-cone.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/traffic-cone.svg
new file mode 100644
index 0000000000..1cd16d0c2f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/traffic-cone.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/triangle-flag.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/triangle-flag.svg
new file mode 100644
index 0000000000..a6f86c16b3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/triangle-flag.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/wheelchair-1.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/wheelchair-1.svg
new file mode 100644
index 0000000000..a0d539594c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/wheelchair-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/map_travel/woman-symbol.svg b/frontend/appflowy_web_app/public/af_icons/map_travel/woman-symbol.svg
new file mode 100644
index 0000000000..a9c4377ec1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/map_travel/woman-symbol.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/annoncement-megaphone.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/annoncement-megaphone.svg
new file mode 100644
index 0000000000..472f766f0e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/annoncement-megaphone.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/backpack.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/backpack.svg
new file mode 100644
index 0000000000..d9800f6d76
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/backpack.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-dollar.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-dollar.svg
new file mode 100644
index 0000000000..176e8d38de
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-dollar.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-pound.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-pound.svg
new file mode 100644
index 0000000000..a282df85fb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-pound.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-rupee.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-rupee.svg
new file mode 100644
index 0000000000..eb5c02be60
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-rupee.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-suitcase-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-suitcase-1.svg
new file mode 100644
index 0000000000..82a1e7ff31
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-suitcase-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-suitcase-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-suitcase-2.svg
new file mode 100644
index 0000000000..706aab5df3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-suitcase-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-yen.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-yen.svg
new file mode 100644
index 0000000000..2a54180e78
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag-yen.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bag.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag.svg
new file mode 100644
index 0000000000..d1abe11443
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bag.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/ball.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/ball.svg
new file mode 100644
index 0000000000..6f7e278919
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/ball.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bank.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bank.svg
new file mode 100644
index 0000000000..fd6cf58939
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bank.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/beanie.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/beanie.svg
new file mode 100644
index 0000000000..374557ac4f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/beanie.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-1.svg
new file mode 100644
index 0000000000..6df0d554df
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-2.svg
new file mode 100644
index 0000000000..61f55ac5d5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-4.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-4.svg
new file mode 100644
index 0000000000..2ffbf22977
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-4.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-cashless.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-cashless.svg
new file mode 100644
index 0000000000..aa77bf8d67
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bill-cashless.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/binance-circle.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/binance-circle.svg
new file mode 100644
index 0000000000..6b489a693e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/binance-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bitcoin.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bitcoin.svg
new file mode 100644
index 0000000000..211aee40c6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bitcoin.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/bow-tie.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/bow-tie.svg
new file mode 100644
index 0000000000..2f2bbdaa55
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/bow-tie.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/briefcase-dollar.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/briefcase-dollar.svg
new file mode 100644
index 0000000000..14c68c87c4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/briefcase-dollar.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/building-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/building-2.svg
new file mode 100644
index 0000000000..56c3585f37
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/building-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/business-card.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-card.svg
new file mode 100644
index 0000000000..f980629bce
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-card.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/business-handshake.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-handshake.svg
new file mode 100644
index 0000000000..62ce5e55c4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-handshake.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/business-idea-money.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-idea-money.svg
new file mode 100644
index 0000000000..d4eb07175f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-idea-money.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/business-profession-home-office.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-profession-home-office.svg
new file mode 100644
index 0000000000..f634c96f5f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-profession-home-office.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/business-progress-bar-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-progress-bar-2.svg
new file mode 100644
index 0000000000..b73b5e9015
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-progress-bar-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/business-user-curriculum.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-user-curriculum.svg
new file mode 100644
index 0000000000..19714b52b1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/business-user-curriculum.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/calculator-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/calculator-1.svg
new file mode 100644
index 0000000000..d14d7b0050
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/calculator-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/calculator-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/calculator-2.svg
new file mode 100644
index 0000000000..bf48853eaa
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/calculator-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/cane.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/cane.svg
new file mode 100644
index 0000000000..4c7c27073c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/cane.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/chair.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/chair.svg
new file mode 100644
index 0000000000..a6d33f000f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/chair.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/closet.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/closet.svg
new file mode 100644
index 0000000000..16991a60e9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/closet.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/coin-share.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/coin-share.svg
new file mode 100644
index 0000000000..9aa28f013f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/coin-share.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/coins-stack.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/coins-stack.svg
new file mode 100644
index 0000000000..fceb62950c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/coins-stack.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/credit-card-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/credit-card-1.svg
new file mode 100644
index 0000000000..e730a703d5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/credit-card-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/credit-card-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/credit-card-2.svg
new file mode 100644
index 0000000000..f6ba16a213
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/credit-card-2.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/diamond-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/diamond-2.svg
new file mode 100644
index 0000000000..e226caaf38
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/diamond-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-badge.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-badge.svg
new file mode 100644
index 0000000000..5cda678b87
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-badge.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-circle.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-circle.svg
new file mode 100644
index 0000000000..6fa8b79900
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-coupon.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-coupon.svg
new file mode 100644
index 0000000000..9ff5dac1f4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-coupon.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-cutout.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-cutout.svg
new file mode 100644
index 0000000000..82a7587a6e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-cutout.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-fire.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-fire.svg
new file mode 100644
index 0000000000..00a78332c4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/discount-percent-fire.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/dollar-coin-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/dollar-coin-1.svg
new file mode 100644
index 0000000000..0db0836aca
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/dollar-coin-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/dollar-coin.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/dollar-coin.svg
new file mode 100644
index 0000000000..b285d8d4b2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/dollar-coin.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/dressing-table.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/dressing-table.svg
new file mode 100644
index 0000000000..90e453e2b7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/dressing-table.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/ethereum-circle.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/ethereum-circle.svg
new file mode 100644
index 0000000000..06db44f70d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/ethereum-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/ethereum.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/ethereum.svg
new file mode 100644
index 0000000000..40f205e9d7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/ethereum.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/euro.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/euro.svg
new file mode 100644
index 0000000000..73121ce282
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/euro.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/gift-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/gift-2.svg
new file mode 100644
index 0000000000..e64b42428e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/gift-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/gift.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/gift.svg
new file mode 100644
index 0000000000..ba78839102
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/gift.svg
@@ -0,0 +1,13 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/gold.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/gold.svg
new file mode 100644
index 0000000000..33ef845ad2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/gold.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-arrow-decrease.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-arrow-decrease.svg
new file mode 100644
index 0000000000..1177b1acfb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-arrow-decrease.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-arrow-increase.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-arrow-increase.svg
new file mode 100644
index 0000000000..82415d32c6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-arrow-increase.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-bar-decrease.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-bar-decrease.svg
new file mode 100644
index 0000000000..79f523f8d9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-bar-decrease.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-bar-increase.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-bar-increase.svg
new file mode 100644
index 0000000000..801daa256b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-bar-increase.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-dot.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-dot.svg
new file mode 100644
index 0000000000..7ca8308d52
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph-dot.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/graph.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph.svg
new file mode 100644
index 0000000000..4c692f6ca0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/graph.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/investment-selection.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/investment-selection.svg
new file mode 100644
index 0000000000..478b852ad1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/investment-selection.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-hammer.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-hammer.svg
new file mode 100644
index 0000000000..d9bf64217e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-hammer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-scale-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-scale-1.svg
new file mode 100644
index 0000000000..6e531dd1b8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-scale-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-scale-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-scale-2.svg
new file mode 100644
index 0000000000..e90aa2594b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/justice-scale-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/lipstick.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/lipstick.svg
new file mode 100644
index 0000000000..e2ffa968c6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/lipstick.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/make-up-brush.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/make-up-brush.svg
new file mode 100644
index 0000000000..d5e28774ae
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/make-up-brush.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/moustache.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/moustache.svg
new file mode 100644
index 0000000000..049e343f18
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/moustache.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/mouth-lip.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/mouth-lip.svg
new file mode 100644
index 0000000000..22cb09ed17
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/mouth-lip.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/necklace.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/necklace.svg
new file mode 100644
index 0000000000..7e615d5fc1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/necklace.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/necktie.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/necktie.svg
new file mode 100644
index 0000000000..dd502d68ec
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/necktie.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/payment-10.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/payment-10.svg
new file mode 100644
index 0000000000..42935055e5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/payment-10.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/payment-cash-out-3.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/payment-cash-out-3.svg
new file mode 100644
index 0000000000..8f451cb9f8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/payment-cash-out-3.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/pie-chart.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/pie-chart.svg
new file mode 100644
index 0000000000..2966a8ef8f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/pie-chart.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/piggy-bank.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/piggy-bank.svg
new file mode 100644
index 0000000000..ef796838b2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/piggy-bank.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/polka-dot-circle.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/polka-dot-circle.svg
new file mode 100644
index 0000000000..f50f1edc76
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/polka-dot-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/production-belt.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/production-belt.svg
new file mode 100644
index 0000000000..b56f95f19f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/production-belt.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/qr-code.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/qr-code.svg
new file mode 100644
index 0000000000..c93d63f060
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/qr-code.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-add.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-add.svg
new file mode 100644
index 0000000000..50cc1f57da
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-check.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-check.svg
new file mode 100644
index 0000000000..99762d138f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-subtract.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-subtract.svg
new file mode 100644
index 0000000000..9a18ed6d06
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt-subtract.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt.svg
new file mode 100644
index 0000000000..da4dab6340
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/receipt.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/safe-vault.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/safe-vault.svg
new file mode 100644
index 0000000000..9c3d9d7230
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/safe-vault.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/scanner-3.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/scanner-3.svg
new file mode 100644
index 0000000000..f7db012503
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/scanner-3.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/scanner-bar-code.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/scanner-bar-code.svg
new file mode 100644
index 0000000000..b60571a669
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/scanner-bar-code.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shelf.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shelf.svg
new file mode 100644
index 0000000000..3ea11815bf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shelf.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-bag-hand-bag-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-bag-hand-bag-2.svg
new file mode 100644
index 0000000000..ae8ef2d315
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-bag-hand-bag-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-basket-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-basket-1.svg
new file mode 100644
index 0000000000..b33b5304fb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-basket-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-basket-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-basket-2.svg
new file mode 100644
index 0000000000..f2610aab4c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-basket-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-1.svg
new file mode 100644
index 0000000000..74529f1ae5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-2.svg
new file mode 100644
index 0000000000..eecaeadf06
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-3.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-3.svg
new file mode 100644
index 0000000000..681b1653e9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-add.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-add.svg
new file mode 100644
index 0000000000..50d05a70b7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-check.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-check.svg
new file mode 100644
index 0000000000..6d7b9fb635
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-subtract.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-subtract.svg
new file mode 100644
index 0000000000..41c96d3ec9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/shopping-cart-subtract.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/signage-3.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/signage-3.svg
new file mode 100644
index 0000000000..92c321b4b5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/signage-3.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/signage-4.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/signage-4.svg
new file mode 100644
index 0000000000..42b4f8c6a9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/signage-4.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/startup.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/startup.svg
new file mode 100644
index 0000000000..77ed266e67
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/startup.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/stock.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/stock.svg
new file mode 100644
index 0000000000..d350449bcf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/stock.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/store-1.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/store-1.svg
new file mode 100644
index 0000000000..53751414d5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/store-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/store-2.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/store-2.svg
new file mode 100644
index 0000000000..7e2312aa57
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/store-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/store-computer.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/store-computer.svg
new file mode 100644
index 0000000000..4ea808bf31
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/store-computer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/subscription-cashflow.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/subscription-cashflow.svg
new file mode 100644
index 0000000000..c7f45631ac
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/subscription-cashflow.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/tag.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/tag.svg
new file mode 100644
index 0000000000..3aae6ba5c3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/tag.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/tall-hat.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/tall-hat.svg
new file mode 100644
index 0000000000..1f5650785c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/tall-hat.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/target-3.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/target-3.svg
new file mode 100644
index 0000000000..35591b9238
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/target-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/target.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/target.svg
new file mode 100644
index 0000000000..632d7c4c3c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/target.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/wallet-purse.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/wallet-purse.svg
new file mode 100644
index 0000000000..6df7533528
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/wallet-purse.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/wallet.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/wallet.svg
new file mode 100644
index 0000000000..39042c9f04
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/wallet.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/xrp-circle.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/xrp-circle.svg
new file mode 100644
index 0000000000..4250e70555
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/xrp-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/yuan-circle.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/yuan-circle.svg
new file mode 100644
index 0000000000..138056c639
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/yuan-circle.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/money_shopping/yuan.svg b/frontend/appflowy_web_app/public/af_icons/money_shopping/yuan.svg
new file mode 100644
index 0000000000..65976287fe
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/money_shopping/yuan.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/affordable-and-clean-energy.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/affordable-and-clean-energy.svg
new file mode 100644
index 0000000000..70421c5d33
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/affordable-and-clean-energy.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/alien.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/alien.svg
new file mode 100644
index 0000000000..5cfaf813bf
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/alien.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/bone.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/bone.svg
new file mode 100644
index 0000000000..669f8e9755
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/bone.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/cat-1.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/cat-1.svg
new file mode 100644
index 0000000000..d23a378b47
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/cat-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/circle-flask.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/circle-flask.svg
new file mode 100644
index 0000000000..fc75c75d0d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/circle-flask.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/clean-water-and-sanitation.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/clean-water-and-sanitation.svg
new file mode 100644
index 0000000000..c7b4738cee
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/clean-water-and-sanitation.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/comet.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/comet.svg
new file mode 100644
index 0000000000..3d0012a1fc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/comet.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/decent-work-and-economic-growth.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/decent-work-and-economic-growth.svg
new file mode 100644
index 0000000000..3aa52629d7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/decent-work-and-economic-growth.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/dna.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/dna.svg
new file mode 100644
index 0000000000..dda09e350c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/dna.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/erlenmeyer-flask.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/erlenmeyer-flask.svg
new file mode 100644
index 0000000000..14e078c476
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/erlenmeyer-flask.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/flower.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/flower.svg
new file mode 100644
index 0000000000..675f917956
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/flower.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/galaxy-1.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/galaxy-1.svg
new file mode 100644
index 0000000000..59d4638f8c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/galaxy-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/galaxy-2.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/galaxy-2.svg
new file mode 100644
index 0000000000..d8948d5f35
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/galaxy-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/gender-equality.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/gender-equality.svg
new file mode 100644
index 0000000000..3f0a9cdecc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/gender-equality.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/good-health-and-well-being.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/good-health-and-well-being.svg
new file mode 100644
index 0000000000..c92374cff5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/good-health-and-well-being.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/industry-innovation-and-infrastructure.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/industry-innovation-and-infrastructure.svg
new file mode 100644
index 0000000000..7a58eecbca
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/industry-innovation-and-infrastructure.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/leaf.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/leaf.svg
new file mode 100644
index 0000000000..2a53ca6fd5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/leaf.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/log.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/log.svg
new file mode 100644
index 0000000000..1a3deaa880
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/log.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/no-poverty.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/no-poverty.svg
new file mode 100644
index 0000000000..f12c0b4111
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/no-poverty.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/octopus.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/octopus.svg
new file mode 100644
index 0000000000..38855cbe54
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/octopus.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/planet.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/planet.svg
new file mode 100644
index 0000000000..9ee346f584
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/planet.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/potted-flower-tulip.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/potted-flower-tulip.svg
new file mode 100644
index 0000000000..2be0dc0cb5
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/potted-flower-tulip.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/quality-education.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/quality-education.svg
new file mode 100644
index 0000000000..c6e0335e9b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/quality-education.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/rainbow.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/rainbow.svg
new file mode 100644
index 0000000000..8c99192cee
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/rainbow.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/recycle-1.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/recycle-1.svg
new file mode 100644
index 0000000000..30ebcf8fb2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/recycle-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/reduced-inequalities.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/reduced-inequalities.svg
new file mode 100644
index 0000000000..cc3de7a365
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/reduced-inequalities.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/rose.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/rose.svg
new file mode 100644
index 0000000000..3459894b5b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/rose.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/shell.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/shell.svg
new file mode 100644
index 0000000000..bde5159a0a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/shell.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/shovel-rake.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/shovel-rake.svg
new file mode 100644
index 0000000000..832d2a4f1d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/shovel-rake.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/sprout.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/sprout.svg
new file mode 100644
index 0000000000..3b8ea11ba3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/sprout.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/telescope.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/telescope.svg
new file mode 100644
index 0000000000..9a29c5483d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/telescope.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/test-tube.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/test-tube.svg
new file mode 100644
index 0000000000..01d12af810
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/test-tube.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/tidal-wave.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/tidal-wave.svg
new file mode 100644
index 0000000000..56c80ec200
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/tidal-wave.svg
@@ -0,0 +1,11 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/tree-2.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/tree-2.svg
new file mode 100644
index 0000000000..da32de6697
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/tree-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/tree-3.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/tree-3.svg
new file mode 100644
index 0000000000..db8bfe987b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/tree-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/volcano.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/volcano.svg
new file mode 100644
index 0000000000..989f5e68b9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/volcano.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/windmill.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/windmill.svg
new file mode 100644
index 0000000000..edfb759883
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/windmill.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/nature_ecology/zero-hunger.svg b/frontend/appflowy_web_app/public/af_icons/nature_ecology/zero-hunger.svg
new file mode 100644
index 0000000000..7cd7b52a34
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/nature_ecology/zero-hunger.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/airplane-disabled.svg b/frontend/appflowy_web_app/public/af_icons/phone/airplane-disabled.svg
new file mode 100644
index 0000000000..dd6bf8d91a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/airplane-disabled.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/airplane-enabled.svg b/frontend/appflowy_web_app/public/af_icons/phone/airplane-enabled.svg
new file mode 100644
index 0000000000..af74878ae4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/airplane-enabled.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/back-camera-1.svg b/frontend/appflowy_web_app/public/af_icons/phone/back-camera-1.svg
new file mode 100644
index 0000000000..9c38dd55e2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/back-camera-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/call-hang-up.svg b/frontend/appflowy_web_app/public/af_icons/phone/call-hang-up.svg
new file mode 100644
index 0000000000..41d0886a0e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/call-hang-up.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-4g.svg b/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-4g.svg
new file mode 100644
index 0000000000..559284654e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-4g.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-5g.svg b/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-5g.svg
new file mode 100644
index 0000000000..a4b9a8626f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-5g.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-lte.svg b/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-lte.svg
new file mode 100644
index 0000000000..373d8e8640
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/cellular-network-lte.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/contact-phonebook-2.svg b/frontend/appflowy_web_app/public/af_icons/phone/contact-phonebook-2.svg
new file mode 100644
index 0000000000..8968279a29
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/contact-phonebook-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/hang-up-1.svg b/frontend/appflowy_web_app/public/af_icons/phone/hang-up-1.svg
new file mode 100644
index 0000000000..fb4c797028
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/hang-up-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/hang-up-2.svg b/frontend/appflowy_web_app/public/af_icons/phone/hang-up-2.svg
new file mode 100644
index 0000000000..dbd92cb2a3
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/hang-up-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/incoming-call.svg b/frontend/appflowy_web_app/public/af_icons/phone/incoming-call.svg
new file mode 100644
index 0000000000..dfb4e8a02e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/incoming-call.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/missed-call.svg b/frontend/appflowy_web_app/public/af_icons/phone/missed-call.svg
new file mode 100644
index 0000000000..9efc8a2eb9
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/missed-call.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/notification-alarm-2.svg b/frontend/appflowy_web_app/public/af_icons/phone/notification-alarm-2.svg
new file mode 100644
index 0000000000..7eec376825
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/notification-alarm-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/notification-application-1.svg b/frontend/appflowy_web_app/public/af_icons/phone/notification-application-1.svg
new file mode 100644
index 0000000000..4908995f02
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/notification-application-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/notification-application-2.svg b/frontend/appflowy_web_app/public/af_icons/phone/notification-application-2.svg
new file mode 100644
index 0000000000..32db7b5be0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/notification-application-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/notification-message-alert.svg b/frontend/appflowy_web_app/public/af_icons/phone/notification-message-alert.svg
new file mode 100644
index 0000000000..7d1123fbee
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/notification-message-alert.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/outgoing-call.svg b/frontend/appflowy_web_app/public/af_icons/phone/outgoing-call.svg
new file mode 100644
index 0000000000..70ea90ca9e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/outgoing-call.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/phone-mobile-phone.svg b/frontend/appflowy_web_app/public/af_icons/phone/phone-mobile-phone.svg
new file mode 100644
index 0000000000..299a57b66c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/phone-mobile-phone.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/phone-qr.svg b/frontend/appflowy_web_app/public/af_icons/phone/phone-qr.svg
new file mode 100644
index 0000000000..f572d984d6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/phone-qr.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/phone-ringing-1.svg b/frontend/appflowy_web_app/public/af_icons/phone/phone-ringing-1.svg
new file mode 100644
index 0000000000..1b13856b30
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/phone-ringing-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/phone-ringing-2.svg b/frontend/appflowy_web_app/public/af_icons/phone/phone-ringing-2.svg
new file mode 100644
index 0000000000..889998fa68
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/phone-ringing-2.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/phone.svg b/frontend/appflowy_web_app/public/af_icons/phone/phone.svg
new file mode 100644
index 0000000000..fc6ab0ad9c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/phone.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/signal-full.svg b/frontend/appflowy_web_app/public/af_icons/phone/signal-full.svg
new file mode 100644
index 0000000000..58823e23ea
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/signal-full.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/signal-low.svg b/frontend/appflowy_web_app/public/af_icons/phone/signal-low.svg
new file mode 100644
index 0000000000..e96c4af8a2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/signal-low.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/signal-medium.svg b/frontend/appflowy_web_app/public/af_icons/phone/signal-medium.svg
new file mode 100644
index 0000000000..1af4305dd0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/signal-medium.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/phone/signal-none.svg b/frontend/appflowy_web_app/public/af_icons/phone/signal-none.svg
new file mode 100644
index 0000000000..a4eb9031e2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/phone/signal-none.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/application-add.svg b/frontend/appflowy_web_app/public/af_icons/programing/application-add.svg
new file mode 100644
index 0000000000..3206d90bff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/application-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bracket.svg b/frontend/appflowy_web_app/public/af_icons/programing/bracket.svg
new file mode 100644
index 0000000000..19ec5e423d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bracket.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-add.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-add.svg
new file mode 100644
index 0000000000..f202217042
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-block.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-block.svg
new file mode 100644
index 0000000000..6eb1b7be24
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-block.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-build.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-build.svg
new file mode 100644
index 0000000000..2fb2366c85
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-build.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-check.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-check.svg
new file mode 100644
index 0000000000..198d2aad19
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-delete.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-delete.svg
new file mode 100644
index 0000000000..f6dc39ae72
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-delete.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-hash.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-hash.svg
new file mode 100644
index 0000000000..92664d39a7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-hash.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-lock.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-lock.svg
new file mode 100644
index 0000000000..fec83df52f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-lock.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-multiple-window.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-multiple-window.svg
new file mode 100644
index 0000000000..7c8b3043cd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-multiple-window.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-remove.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-remove.svg
new file mode 100644
index 0000000000..eb5a5b1741
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-remove.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/browser-website-1.svg b/frontend/appflowy_web_app/public/af_icons/programing/browser-website-1.svg
new file mode 100644
index 0000000000..a49315daca
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/browser-website-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bug-antivirus-debugging.svg b/frontend/appflowy_web_app/public/af_icons/programing/bug-antivirus-debugging.svg
new file mode 100644
index 0000000000..be5811df0f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bug-antivirus-debugging.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bug-antivirus-shield.svg b/frontend/appflowy_web_app/public/af_icons/programing/bug-antivirus-shield.svg
new file mode 100644
index 0000000000..84af3bb9cc
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bug-antivirus-shield.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-browser.svg b/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-browser.svg
new file mode 100644
index 0000000000..4f42f54326
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-browser.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-document.svg b/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-document.svg
new file mode 100644
index 0000000000..a7c24e2ce6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-document.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-folder.svg b/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-folder.svg
new file mode 100644
index 0000000000..eeea1baf39
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bug-virus-folder.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/bug.svg b/frontend/appflowy_web_app/public/af_icons/programing/bug.svg
new file mode 100644
index 0000000000..a2d2795e45
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/bug.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-add.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-add.svg
new file mode 100644
index 0000000000..00a46324d0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-block.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-block.svg
new file mode 100644
index 0000000000..b321169629
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-block.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-check.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-check.svg
new file mode 100644
index 0000000000..a56b3fbbff
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-data-transfer.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-data-transfer.svg
new file mode 100644
index 0000000000..74d319d7f1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-data-transfer.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-refresh.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-refresh.svg
new file mode 100644
index 0000000000..9096ac8796
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-refresh.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-share.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-share.svg
new file mode 100644
index 0000000000..e69919e88c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-share.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-warning.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-warning.svg
new file mode 100644
index 0000000000..ebd5917d01
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-warning.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/cloud-wifi.svg b/frontend/appflowy_web_app/public/af_icons/programing/cloud-wifi.svg
new file mode 100644
index 0000000000..51072ad76f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/cloud-wifi.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/code-analysis.svg b/frontend/appflowy_web_app/public/af_icons/programing/code-analysis.svg
new file mode 100644
index 0000000000..ef9dd46dbd
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/code-analysis.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/code-monitor-1.svg b/frontend/appflowy_web_app/public/af_icons/programing/code-monitor-1.svg
new file mode 100644
index 0000000000..34c51a7ab2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/code-monitor-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/code-monitor-2.svg b/frontend/appflowy_web_app/public/af_icons/programing/code-monitor-2.svg
new file mode 100644
index 0000000000..5719d9699f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/code-monitor-2.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/css-three.svg b/frontend/appflowy_web_app/public/af_icons/programing/css-three.svg
new file mode 100644
index 0000000000..f20ce41833
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/css-three.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/curly-brackets.svg b/frontend/appflowy_web_app/public/af_icons/programing/curly-brackets.svg
new file mode 100644
index 0000000000..6b6eb7d645
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/curly-brackets.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/file-code-1.svg b/frontend/appflowy_web_app/public/af_icons/programing/file-code-1.svg
new file mode 100644
index 0000000000..7e12e3847b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/file-code-1.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/incognito-mode.svg b/frontend/appflowy_web_app/public/af_icons/programing/incognito-mode.svg
new file mode 100644
index 0000000000..84197023a4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/incognito-mode.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/insert-cloud-video.svg b/frontend/appflowy_web_app/public/af_icons/programing/insert-cloud-video.svg
new file mode 100644
index 0000000000..4f883df73f
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/insert-cloud-video.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/markdown-circle-programming.svg b/frontend/appflowy_web_app/public/af_icons/programing/markdown-circle-programming.svg
new file mode 100644
index 0000000000..7c03684a41
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/markdown-circle-programming.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/markdown-document-programming.svg b/frontend/appflowy_web_app/public/af_icons/programing/markdown-document-programming.svg
new file mode 100644
index 0000000000..514d68e7f8
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/markdown-document-programming.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/module-puzzle-1.svg b/frontend/appflowy_web_app/public/af_icons/programing/module-puzzle-1.svg
new file mode 100644
index 0000000000..c285965ff6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/module-puzzle-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/module-puzzle-3.svg b/frontend/appflowy_web_app/public/af_icons/programing/module-puzzle-3.svg
new file mode 100644
index 0000000000..60c754e08d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/module-puzzle-3.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/module-three.svg b/frontend/appflowy_web_app/public/af_icons/programing/module-three.svg
new file mode 100644
index 0000000000..d517266362
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/module-three.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/programing/rss-square.svg b/frontend/appflowy_web_app/public/af_icons/programing/rss-square.svg
new file mode 100644
index 0000000000..d84eeaabd1
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/programing/rss-square.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/box-sign.svg b/frontend/appflowy_web_app/public/af_icons/shipping/box-sign.svg
new file mode 100644
index 0000000000..4edefc3583
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/box-sign.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/container.svg b/frontend/appflowy_web_app/public/af_icons/shipping/container.svg
new file mode 100644
index 0000000000..6b85af7c6c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/container.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/fragile.svg b/frontend/appflowy_web_app/public/af_icons/shipping/fragile.svg
new file mode 100644
index 0000000000..0c69404528
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/fragile.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/parachute-drop.svg b/frontend/appflowy_web_app/public/af_icons/shipping/parachute-drop.svg
new file mode 100644
index 0000000000..b4a08a3417
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/parachute-drop.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipment-add.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-add.svg
new file mode 100644
index 0000000000..96060a0e5c
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-add.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipment-check.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-check.svg
new file mode 100644
index 0000000000..80046da591
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-check.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipment-download.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-download.svg
new file mode 100644
index 0000000000..aff16bb56a
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-download.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipment-remove.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-remove.svg
new file mode 100644
index 0000000000..cb2759d0c7
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-remove.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipment-upload.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-upload.svg
new file mode 100644
index 0000000000..aa76150c54
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipment-upload.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipping-box-1.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipping-box-1.svg
new file mode 100644
index 0000000000..42a5129d1e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipping-box-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/shipping-truck.svg b/frontend/appflowy_web_app/public/af_icons/shipping/shipping-truck.svg
new file mode 100644
index 0000000000..6835708103
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/shipping-truck.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/transfer-motorcycle.svg b/frontend/appflowy_web_app/public/af_icons/shipping/transfer-motorcycle.svg
new file mode 100644
index 0000000000..2ab10a3db4
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/transfer-motorcycle.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/transfer-van.svg b/frontend/appflowy_web_app/public/af_icons/shipping/transfer-van.svg
new file mode 100644
index 0000000000..8c4a0cebc2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/transfer-van.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/shipping/warehouse-1.svg b/frontend/appflowy_web_app/public/af_icons/shipping/warehouse-1.svg
new file mode 100644
index 0000000000..57e18260f0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/shipping/warehouse-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/book-reading.svg b/frontend/appflowy_web_app/public/af_icons/work_education/book-reading.svg
new file mode 100644
index 0000000000..c792c95b11
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/book-reading.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/class-lesson.svg b/frontend/appflowy_web_app/public/af_icons/work_education/class-lesson.svg
new file mode 100644
index 0000000000..ea2bef46a0
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/class-lesson.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/collaborations-idea.svg b/frontend/appflowy_web_app/public/af_icons/work_education/collaborations-idea.svg
new file mode 100644
index 0000000000..633d1811a6
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/collaborations-idea.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/definition-search-book.svg b/frontend/appflowy_web_app/public/af_icons/work_education/definition-search-book.svg
new file mode 100644
index 0000000000..14039daefb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/definition-search-book.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/dictionary-language-book.svg b/frontend/appflowy_web_app/public/af_icons/work_education/dictionary-language-book.svg
new file mode 100644
index 0000000000..60591372bb
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/dictionary-language-book.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/global-learning.svg b/frontend/appflowy_web_app/public/af_icons/work_education/global-learning.svg
new file mode 100644
index 0000000000..bbcea6ce49
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/global-learning.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/graduation-cap.svg b/frontend/appflowy_web_app/public/af_icons/work_education/graduation-cap.svg
new file mode 100644
index 0000000000..10dcd1e834
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/graduation-cap.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/group-meeting-call.svg b/frontend/appflowy_web_app/public/af_icons/work_education/group-meeting-call.svg
new file mode 100644
index 0000000000..786fad824d
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/group-meeting-call.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/office-building-1.svg b/frontend/appflowy_web_app/public/af_icons/work_education/office-building-1.svg
new file mode 100644
index 0000000000..cba001bb4e
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/office-building-1.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/office-worker.svg b/frontend/appflowy_web_app/public/af_icons/work_education/office-worker.svg
new file mode 100644
index 0000000000..42e2938530
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/office-worker.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/search-dollar.svg b/frontend/appflowy_web_app/public/af_icons/work_education/search-dollar.svg
new file mode 100644
index 0000000000..acb98adab2
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/search-dollar.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/strategy-tasks.svg b/frontend/appflowy_web_app/public/af_icons/work_education/strategy-tasks.svg
new file mode 100644
index 0000000000..3938e55804
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/strategy-tasks.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/task-list.svg b/frontend/appflowy_web_app/public/af_icons/work_education/task-list.svg
new file mode 100644
index 0000000000..24f3080a8b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/task-list.svg
@@ -0,0 +1,3 @@
+
diff --git a/frontend/appflowy_web_app/public/af_icons/work_education/workspace-desk.svg b/frontend/appflowy_web_app/public/af_icons/work_education/workspace-desk.svg
new file mode 100644
index 0000000000..9c2e287d7b
--- /dev/null
+++ b/frontend/appflowy_web_app/public/af_icons/work_education/workspace-desk.svg
@@ -0,0 +1,10 @@
+
diff --git a/frontend/appflowy_web_app/scripts/generate_af_icons.cjs b/frontend/appflowy_web_app/scripts/generate_af_icons.cjs
new file mode 100644
index 0000000000..9763beba56
--- /dev/null
+++ b/frontend/appflowy_web_app/scripts/generate_af_icons.cjs
@@ -0,0 +1,64 @@
+const fs = require('fs');
+const path = require('path');
+
+const getIconsDir = () => path.resolve(__dirname, '../public/af_icons');
+
+const readSvgFile = (filePath) => {
+ return fs.readFileSync(filePath, 'utf8');
+};
+
+const renameSvgFile = (filePath, newName) => {
+ const newPath = path.join(path.dirname(filePath), newName);
+ fs.renameSync(filePath, newPath);
+};
+
+const processSvgFiles = (dirPath) => {
+ const categories = {};
+
+ const traverseDir = (currentPath) => {
+ const items = fs.readdirSync(currentPath);
+
+ items.forEach((item) => {
+ const itemPath = path.join(currentPath, item);
+ const stat = fs.statSync(itemPath);
+
+ if (stat.isDirectory()) {
+ traverseDir(itemPath);
+ } else if (stat.isFile() && path.extname(item) === '.svg') {
+ const category = path.basename(currentPath);
+ const [namePart, ...keywordParts] = path.basename(item, '.svg').split('--');
+ const name = namePart;
+ const keywords = keywordParts.length > 0 ? keywordParts[0].split('-') : [];
+ const svgContent = readSvgFile(itemPath);
+ renameSvgFile(itemPath, `${name}.svg`);
+ if (!categories[category]) {
+ categories[category] = [];
+ }
+
+ categories[category].push({
+ id: `${category}/${name}`,
+ name,
+ keywords,
+ content: svgContent,
+ });
+ }
+ });
+ };
+
+ traverseDir(dirPath);
+ return categories;
+};
+
+const outputJson = (data, outputFilePath) => {
+ fs.writeFileSync(outputFilePath, JSON.stringify(data, null, 2));
+};
+
+const main = () => {
+ const iconsDirPath = getIconsDir();
+ const categories = processSvgFiles(iconsDirPath);
+ const outputFilePath = path.join(iconsDirPath, 'icons.json');
+ outputJson(categories, outputFilePath);
+ console.log(`JSON data has been written to ${outputFilePath}`);
+};
+
+main();
diff --git a/frontend/appflowy_web_app/src/components/_shared/emoji-picker/EmojiPickerCategories.tsx b/frontend/appflowy_web_app/src/components/_shared/emoji-picker/EmojiPickerCategories.tsx
index 0ea988ca8b..9b07222967 100644
--- a/frontend/appflowy_web_app/src/components/_shared/emoji-picker/EmojiPickerCategories.tsx
+++ b/frontend/appflowy_web_app/src/components/_shared/emoji-picker/EmojiPickerCategories.tsx
@@ -19,7 +19,7 @@ function EmojiPickerCategories({
onEscape?: () => void;
defaultEmoji?: string;
}) {
- const scrollRef = React.useRef(null);
+ const scrollRef = useRef(null);
const { t } = useTranslation();
const [selectCell, setSelectCell] = React.useState({
row: 1,
diff --git a/frontend/appflowy_web_app/src/components/editor/components/blocks/text/StartIcon.hooks.tsx b/frontend/appflowy_web_app/src/components/editor/components/blocks/text/StartIcon.hooks.tsx
index faae3fb358..2d11329153 100644
--- a/frontend/appflowy_web_app/src/components/editor/components/blocks/text/StartIcon.hooks.tsx
+++ b/frontend/appflowy_web_app/src/components/editor/components/blocks/text/StartIcon.hooks.tsx
@@ -43,7 +43,7 @@ export function useStartIcon(node: TextNode) {
const classList = ['text-block-icon relative w-[24px]'];
if (block.type === BlockType.QuoteBlock) {
- classList.push('h-full');
+ classList.push('h-full min-w-[24px]');
} else {
classList.push('h-6');
}
diff --git a/frontend/appflowy_web_app/src/components/publish/header/SpaceIcon.tsx b/frontend/appflowy_web_app/src/components/publish/header/SpaceIcon.tsx
index de4baba493..4ea38df6f8 100644
--- a/frontend/appflowy_web_app/src/components/publish/header/SpaceIcon.tsx
+++ b/frontend/appflowy_web_app/src/components/publish/header/SpaceIcon.tsx
@@ -1,4 +1,5 @@
-import React from 'react';
+import { getIconSvgEncodedContent } from '@/utils/emoji';
+import React, { useEffect, useMemo, useState } from 'react';
import { ReactComponent as SpaceIcon1 } from '@/assets/space_icon/space_icon_1.svg';
import { ReactComponent as SpaceIcon2 } from '@/assets/space_icon/space_icon_2.svg';
import { ReactComponent as SpaceIcon3 } from '@/assets/space_icon/space_icon_3.svg';
@@ -18,6 +19,7 @@ import { ReactComponent as SpaceIcon15 } from '@/assets/space_icon/space_icon_15
export const getIconComponent = (icon: string) => {
switch (icon) {
case 'space_icon_1':
+ case '':
return SpaceIcon1;
case 'space_icon_2':
return SpaceIcon2;
@@ -47,15 +49,40 @@ export const getIconComponent = (icon: string) => {
return SpaceIcon14;
case 'space_icon_15':
return SpaceIcon15;
+
default:
- return SpaceIcon1;
+ return null;
}
};
function SpaceIcon({ value }: { value: string }) {
const IconComponent = getIconComponent(value);
+ const [iconEncodeContent, setIconEncodeContent] = useState(null);
- return ;
+ useEffect(() => {
+ if (value && !IconComponent) {
+ void getIconSvgEncodedContent(value, 'white').then((res) => {
+ setIconEncodeContent(res);
+ });
+ }
+ }, [IconComponent, value]);
+
+ const customIcon = useMemo(() => {
+ if (!iconEncodeContent) {
+ return null;
+ }
+
+ /**
+ * value eg: 'artificial_intelligence/ai-cloud-spark';
+ */
+ return ;
+ }, [iconEncodeContent, value]);
+
+ if (!IconComponent) {
+ return customIcon;
+ }
+
+ return ;
}
export default SpaceIcon;
diff --git a/frontend/appflowy_web_app/src/utils/emoji.ts b/frontend/appflowy_web_app/src/utils/emoji.ts
index 054effb33d..4eee13aab2 100644
--- a/frontend/appflowy_web_app/src/utils/emoji.ts
+++ b/frontend/appflowy_web_app/src/utils/emoji.ts
@@ -1,4 +1,5 @@
import { EmojiMartData } from '@emoji-mart/data';
+import axios from 'axios';
export async function randomEmoji(skin = 0) {
const emojiData = await loadEmojiData();
@@ -16,3 +17,49 @@ export async function loadEmojiData() {
export function isFlagEmoji(emoji: string) {
return /\uD83C[\uDDE6-\uDDFF]/.test(emoji);
}
+
+export enum ICON_CATEGORY {
+ artificial_intelligence = 'artificial_intelligence',
+ computer_devices = 'computer_devices',
+ culture = 'culture',
+ entertainment = 'entertainment',
+ food_drink = 'food_drink',
+ health = 'health',
+ images_photography = 'images_photography',
+ interface_essential = 'interface_essential',
+ mail = 'mail',
+ map_travel = 'map_travel',
+ money_shopping = 'money_shopping',
+ nature_ecology = 'nature_ecology',
+ phone = 'phone',
+ programing = 'programing',
+ shipping = 'shipping',
+ work_education = 'work_education',
+}
+
+export async function loadIcons(): Promise<
+ Record<
+ ICON_CATEGORY,
+ {
+ id: string;
+ name: string;
+ content: string;
+ keywords: string[];
+ }[]
+ >
+> {
+ return axios.get('/af_icons/icons.json').then((res) => res.data);
+}
+
+export async function getIconSvgEncodedContent(id: string, color: string) {
+ try {
+ const { data } = await axios.get(`/af_icons/${id}.svg`);
+
+ const urlEncodedContent = encodeURIComponent(data.replaceAll('black', color));
+
+ return `data:image/svg+xml;utf8,${urlEncodedContent}`;
+ } catch (e) {
+ console.error(e);
+ return null;
+ }
+}