diff --git a/packages/components/nodes/documentloaders/Notion/NotionDB.ts b/packages/components/nodes/documentloaders/Notion/NotionDB.ts
index 74879dd2f6d..5c171c7f001 100644
--- a/packages/components/nodes/documentloaders/Notion/NotionDB.ts
+++ b/packages/components/nodes/documentloaders/Notion/NotionDB.ts
@@ -20,7 +20,7 @@ class NotionDB_DocumentLoaders implements INode {
         this.name = 'notionDB'
         this.version = 1.0
         this.type = 'Document'
-        this.icon = 'notion.png'
+        this.icon = 'notion-db.svg'
         this.category = 'Document Loaders'
         this.description = 'Load data from Notion Database (each row is a separate document with all properties as metadata)'
         this.baseClasses = [this.type]
diff --git a/packages/components/nodes/documentloaders/Notion/NotionFolder.ts b/packages/components/nodes/documentloaders/Notion/NotionFolder.ts
index 8b8254a4f2d..7da8d4a0fa8 100644
--- a/packages/components/nodes/documentloaders/Notion/NotionFolder.ts
+++ b/packages/components/nodes/documentloaders/Notion/NotionFolder.ts
@@ -18,7 +18,7 @@ class NotionFolder_DocumentLoaders implements INode {
         this.name = 'notionFolder'
         this.version = 1.0
         this.type = 'Document'
-        this.icon = 'notion.png'
+        this.icon = 'notion-folder.svg'
         this.category = 'Document Loaders'
         this.description = 'Load data from the exported and unzipped Notion folder'
         this.baseClasses = [this.type]
diff --git a/packages/components/nodes/documentloaders/Notion/NotionPage.ts b/packages/components/nodes/documentloaders/Notion/NotionPage.ts
index b45067ab17b..1ea3e483f0d 100644
--- a/packages/components/nodes/documentloaders/Notion/NotionPage.ts
+++ b/packages/components/nodes/documentloaders/Notion/NotionPage.ts
@@ -20,7 +20,7 @@ class NotionPage_DocumentLoaders implements INode {
         this.name = 'notionPage'
         this.version = 1.0
         this.type = 'Document'
-        this.icon = 'notion.png'
+        this.icon = 'notion-page.svg'
         this.category = 'Document Loaders'
         this.description = 'Load data from Notion Page (including child pages all as separate documents)'
         this.baseClasses = [this.type]
diff --git a/packages/components/nodes/documentloaders/Notion/notion-db.svg b/packages/components/nodes/documentloaders/Notion/notion-db.svg
new file mode 100644
index 00000000000..9a04380f590
--- /dev/null
+++ b/packages/components/nodes/documentloaders/Notion/notion-db.svg
@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 14V7C27 5.89543 26.1046 5 25 5H7C5.89543 5 5 5.89543 5 7V25C5 26.1046 5.89543 27 7 27H15" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M11 22V12M21 10V14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 10V12.3333L16 17V14.6667L11 10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 10H22M10 22H12M10 10H11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29 19.5C29 20.8807 26.5376 22 23.5 22C20.4624 22 18 20.8807 18 19.5M29 19.5C29 18.1193 26.5376 17 23.5 17C20.4624 17 18 18.1193 18 19.5M29 19.5V26.5C29 27.8807 26.5376 29 23.5 29C20.4624 29 18 27.8807 18 26.5V19.5M29 23C29 24.3807 26.5376 25.5 23.5 25.5C20.4624 25.5 18 24.3807 18 23" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/documentloaders/Notion/notion-folder.svg b/packages/components/nodes/documentloaders/Notion/notion-folder.svg
new file mode 100644
index 00000000000..8fafe569037
--- /dev/null
+++ b/packages/components/nodes/documentloaders/Notion/notion-folder.svg
@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 15V7C27 5.89543 26.1046 5 25 5H7C5.89543 5 5 5.89543 5 7V25C5 26.1046 5.89543 27 7 27H14" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M11 22V12M21 10V14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 10V12.3333L14.9465 16H17.2798L11 10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 10H22M10 22H12M10 10H11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29 26.2V22C29 21.4477 28.5523 21 28 21H23.5L21.5357 19H18.7857C18.3518 19 18 19.3582 18 19.8V26.2C18 26.6418 18.3518 27 18.7857 27H28.2143C28.6482 27 29 26.6418 29 26.2Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/components/nodes/documentloaders/Notion/notion-page.svg b/packages/components/nodes/documentloaders/Notion/notion-page.svg
new file mode 100644
index 00000000000..201dcd3bf89
--- /dev/null
+++ b/packages/components/nodes/documentloaders/Notion/notion-page.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27 14V7C27 5.89543 26.1046 5 25 5H7C5.89543 5 5 5.89543 5 7V25C5 26.1046 5.89543 27 7 27H16" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M11 22V12M21 10V14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 10V12.3333L16 17V14.6667L11 10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 10H22M10 22H12M10 10H11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 17H21C20.4477 17 20 17.4477 20 18V27C20 27.5523 20.4477 28 21 28H28C28.5523 28 29 27.5523 29 27V20.5L25.5 17Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.5 21H25" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.5 24H25" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/components/nodes/documentloaders/Notion/notion.png b/packages/components/nodes/documentloaders/Notion/notion.png
deleted file mode 100644
index 391051679c8..00000000000
Binary files a/packages/components/nodes/documentloaders/Notion/notion.png and /dev/null differ
diff --git a/packages/components/nodes/documentloaders/Unstructured/UnstructuredFile.ts b/packages/components/nodes/documentloaders/Unstructured/UnstructuredFile.ts
index 3ee7ff730e7..d4de1ece61f 100644
--- a/packages/components/nodes/documentloaders/Unstructured/UnstructuredFile.ts
+++ b/packages/components/nodes/documentloaders/Unstructured/UnstructuredFile.ts
@@ -19,7 +19,7 @@ class UnstructuredFile_DocumentLoaders implements INode {
         this.name = 'unstructuredFileLoader'
         this.version = 1.0
         this.type = 'Document'
-        this.icon = 'unstructured.png'
+        this.icon = 'unstructured-file.svg'
         this.category = 'Document Loaders'
         this.description = 'Use Unstructured.io to load data from a file path'
         this.baseClasses = [this.type]
diff --git a/packages/components/nodes/documentloaders/Unstructured/UnstructuredFolder.ts b/packages/components/nodes/documentloaders/Unstructured/UnstructuredFolder.ts
index c56ff02332e..a0e7ee6c6bb 100644
--- a/packages/components/nodes/documentloaders/Unstructured/UnstructuredFolder.ts
+++ b/packages/components/nodes/documentloaders/Unstructured/UnstructuredFolder.ts
@@ -19,7 +19,7 @@ class UnstructuredFolder_DocumentLoaders implements INode {
         this.name = 'unstructuredFolderLoader'
         this.version = 1.0
         this.type = 'Document'
-        this.icon = 'unstructured.png'
+        this.icon = 'unstructured-folder.svg'
         this.category = 'Document Loaders'
         this.description = 'Use Unstructured.io to load data from a folder'
         this.baseClasses = [this.type]
diff --git a/packages/components/nodes/documentloaders/Unstructured/unstructured-file.svg b/packages/components/nodes/documentloaders/Unstructured/unstructured-file.svg
new file mode 100644
index 00000000000..88ec620a227
--- /dev/null
+++ b/packages/components/nodes/documentloaders/Unstructured/unstructured-file.svg
@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 21V9L11 5V17.5L16 20.5V27L5 21Z" fill="#29ABE2"/>
+<path d="M21 5L27 9V13.5H21V5Z" fill="#29ABE2"/>
+<path d="M5 21V9L11 5V17.5L16 20.5V27L5 21Z" stroke="#29ABE2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 5L27 9V13.5H21V5Z" stroke="#29ABE2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.5 17H21C20.4477 17 20 17.4477 20 18V27C20 27.5523 20.4477 28 21 28H28C28.5523 28 29 27.5523 29 27V20.5L25.5 17Z" stroke="#29ABE2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.5 21H25" stroke="#29ABE2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.5 24H25" stroke="#29ABE2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/components/nodes/documentloaders/Unstructured/unstructured-folder.svg b/packages/components/nodes/documentloaders/Unstructured/unstructured-folder.svg
new file mode 100644
index 00000000000..8ffd51ae083
--- /dev/null
+++ b/packages/components/nodes/documentloaders/Unstructured/unstructured-folder.svg
@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29 26.2V22C29 21.4477 28.5523 21 28 21H23.5L21.5357 19H18.7857C18.3518 19 18 19.3582 18 19.8V26.2C18 26.6418 18.3518 27 18.7857 27H28.2143C28.6482 27 29 26.6418 29 26.2Z" stroke="#29ABE2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5 21V9L11 5V17.5L14 19.3V25.9091L5 21Z" fill="#29ABE2"/>
+<path d="M21 5L27 9V15.5H21V5Z" fill="#29ABE2"/>
+<path d="M5 21V9L11 5V17.5L14 19.3V25.9091L5 21Z" stroke="#29ABE2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 5L27 9V15.5H21V5Z" stroke="#29ABE2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/components/nodes/documentloaders/Unstructured/unstructured.png b/packages/components/nodes/documentloaders/Unstructured/unstructured.png
deleted file mode 100644
index 435219bf701..00000000000
Binary files a/packages/components/nodes/documentloaders/Unstructured/unstructured.png and /dev/null differ
diff --git a/packages/components/nodes/memory/MongoDBMemory/MongoDBMemory.ts b/packages/components/nodes/memory/MongoDBMemory/MongoDBMemory.ts
index 76cb7e3132e..b654a5b2012 100644
--- a/packages/components/nodes/memory/MongoDBMemory/MongoDBMemory.ts
+++ b/packages/components/nodes/memory/MongoDBMemory/MongoDBMemory.ts
@@ -30,7 +30,7 @@ class MongoDB_Memory implements INode {
         this.name = 'MongoDBAtlasChatMemory'
         this.version = 1.0
         this.type = 'MongoDBAtlasChatMemory'
-        this.icon = 'mongodb.png'
+        this.icon = 'mongodb.svg'
         this.category = 'Memory'
         this.description = 'Stores the conversation in MongoDB Atlas'
         this.baseClasses = [this.type, ...getBaseClasses(BufferMemory)]
diff --git a/packages/components/nodes/memory/MongoDBMemory/mongodb.png b/packages/components/nodes/memory/MongoDBMemory/mongodb.png
deleted file mode 100644
index 5586fe0ac67..00000000000
Binary files a/packages/components/nodes/memory/MongoDBMemory/mongodb.png and /dev/null differ
diff --git a/packages/components/nodes/memory/MongoDBMemory/mongodb.svg b/packages/components/nodes/memory/MongoDBMemory/mongodb.svg
new file mode 100644
index 00000000000..49c5f05a703
--- /dev/null
+++ b/packages/components/nodes/memory/MongoDBMemory/mongodb.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 29C15 29.5523 15.4477 30 16 30C16.5523 30 17 29.5523 17 29H15ZM17 29V26.5H15V29H17Z" fill="#01EC64"/>
+<path d="M9 15C9 20.6416 12.5363 24.5149 15.4527 26.6201C15.78 26.8564 16.22 26.8564 16.5473 26.6201C19.4637 24.5149 23 20.6416 23 15C23 9.35527 19.4597 4.59562 16.5424 2.38641C16.2206 2.14269 15.7794 2.14269 15.4576 2.38641C12.5403 4.59562 9 9.35527 9 15Z" fill="#01EC64" stroke="#01EC64" stroke-width="2"/>
+<path d="M16 25V12" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/tools/GoogleSearchAPI/google.svg b/packages/components/nodes/tools/GoogleSearchAPI/google.svg
index cfc0238be52..b4f76f2c048 100644
--- a/packages/components/nodes/tools/GoogleSearchAPI/google.svg
+++ b/packages/components/nodes/tools/GoogleSearchAPI/google.svg
@@ -1,6 +1,6 @@
 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.2 16.3125C29.2 15.3375 29.1125 14.4 28.95 13.5H16V18.825H23.4C23.075 20.5375 22.1 21.9875 20.6375 22.9625V26.425H25.1C27.7 24.025 29.2 20.5 29.2 16.3125Z" fill="#4285F4"/>
+<path d="M29.2 16.3125C29.2 15.632 29.1574 14.9698 29.0764 14.3259C29.016 13.8459 28.5981 13.5 28.1144 13.5H17C16.4477 13.5 16 13.9477 16 14.5V17.825C16 18.3773 16.4477 18.825 17 18.825H23.4C23.075 20.5375 22.1 21.9875 20.6375 22.9625V26.425H25.1C27.7 24.025 29.2 20.5 29.2 16.3125Z" fill="#4285F4"/>
 <path d="M16.0001 29.75C19.7126 29.75 22.8251 28.525 25.1001 26.425L20.6376 22.9625C19.4126 23.7875 17.8501 24.2875 16.0001 24.2875C12.4251 24.2875 9.3876 21.875 8.3001 18.625H3.7251V22.175C5.9876 26.6625 10.6251 29.75 16.0001 29.75Z" fill="#34A853"/>
 <path d="M8.3 18.6125C8.025 17.7875 7.8625 16.9125 7.8625 16C7.8625 15.0875 8.025 14.2125 8.3 13.3875V9.83752H3.725C2.7875 11.6875 2.25 13.775 2.25 16C2.25 18.225 2.7875 20.3125 3.725 22.1625L7.2875 19.3875L8.3 18.6125Z" fill="#FBBC05"/>
-<path d="M16.0001 7.725C18.0251 7.725 19.8251 8.425 21.2626 9.775L25.2001 5.8375C22.8126 3.6125 19.7126 2.25 16.0001 2.25C10.6251 2.25 5.9876 5.3375 3.7251 9.8375L8.3001 13.3875C9.3876 10.1375 12.4251 7.725 16.0001 7.725Z" fill="#EA4335"/>
+<path d="M16.0001 7.725C17.6889 7.725 19.2211 8.21184 20.5172 9.15653C20.9536 9.47464 21.566 9.47163 21.9479 9.08974L24.4676 6.56996C24.8679 6.16967 24.8585 5.51402 24.4171 5.15969C22.1486 3.33899 19.3191 2.25 16.0001 2.25C10.6251 2.25 5.9876 5.3375 3.7251 9.8375L8.3001 13.3875C9.3876 10.1375 12.4251 7.725 16.0001 7.725Z" fill="#EA4335"/>
 </svg>
diff --git a/packages/components/nodes/tools/Serper/Serper.ts b/packages/components/nodes/tools/Serper/Serper.ts
index 1facdb3dd4e..2e67a61d63a 100644
--- a/packages/components/nodes/tools/Serper/Serper.ts
+++ b/packages/components/nodes/tools/Serper/Serper.ts
@@ -19,7 +19,7 @@ class Serper_Tools implements INode {
         this.name = 'serper'
         this.version = 1.0
         this.type = 'Serper'
-        this.icon = 'serper.png'
+        this.icon = 'serper.svg'
         this.category = 'Tools'
         this.description = 'Wrapper around Serper.dev - Google Search API'
         this.inputs = []
diff --git a/packages/components/nodes/tools/Serper/serper.png b/packages/components/nodes/tools/Serper/serper.png
deleted file mode 100644
index 0b094037b06..00000000000
Binary files a/packages/components/nodes/tools/Serper/serper.png and /dev/null differ
diff --git a/packages/components/nodes/tools/Serper/serper.svg b/packages/components/nodes/tools/Serper/serper.svg
new file mode 100644
index 00000000000..819f18886ab
--- /dev/null
+++ b/packages/components/nodes/tools/Serper/serper.svg
@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="16" cy="16" r="13" stroke="#90CDF4" stroke-width="2"/>
+<path d="M19.5 11.0001C17.725 9.83588 12 9.37125 12 13.079C12 17.1854 20 14.3983 20 18.726C20 21.9785 14.6599 23.0135 12 20.892" stroke="#90CDF4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/packages/components/nodes/vectorstores/MongoDBAtlas/MongoDBAtlas.ts b/packages/components/nodes/vectorstores/MongoDBAtlas/MongoDBAtlas.ts
index a0699f6bd7d..9bc23f10424 100644
--- a/packages/components/nodes/vectorstores/MongoDBAtlas/MongoDBAtlas.ts
+++ b/packages/components/nodes/vectorstores/MongoDBAtlas/MongoDBAtlas.ts
@@ -26,7 +26,7 @@ class MongoDBAtlas_VectorStores implements INode {
         this.version = 1.0
         this.description = `Upsert embedded data and perform similarity search upon query using MongoDB Atlas, a managed cloud mongodb database`
         this.type = 'MongoDB Atlas'
-        this.icon = 'mongodb.png'
+        this.icon = 'mongodb.svg'
         this.category = 'Vector Stores'
         this.baseClasses = [this.type, 'VectorStoreRetriever', 'BaseRetriever']
         this.badge = 'NEW'
diff --git a/packages/components/nodes/vectorstores/MongoDBAtlas/mongodb.png b/packages/components/nodes/vectorstores/MongoDBAtlas/mongodb.png
deleted file mode 100644
index 5586fe0ac67..00000000000
Binary files a/packages/components/nodes/vectorstores/MongoDBAtlas/mongodb.png and /dev/null differ
diff --git a/packages/components/nodes/vectorstores/MongoDBAtlas/mongodb.svg b/packages/components/nodes/vectorstores/MongoDBAtlas/mongodb.svg
new file mode 100644
index 00000000000..49c5f05a703
--- /dev/null
+++ b/packages/components/nodes/vectorstores/MongoDBAtlas/mongodb.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 29C15 29.5523 15.4477 30 16 30C16.5523 30 17 29.5523 17 29H15ZM17 29V26.5H15V29H17Z" fill="#01EC64"/>
+<path d="M9 15C9 20.6416 12.5363 24.5149 15.4527 26.6201C15.78 26.8564 16.22 26.8564 16.5473 26.6201C19.4637 24.5149 23 20.6416 23 15C23 9.35527 19.4597 4.59562 16.5424 2.38641C16.2206 2.14269 15.7794 2.14269 15.4576 2.38641C12.5403 4.59562 9 9.35527 9 15Z" fill="#01EC64" stroke="#01EC64" stroke-width="2"/>
+<path d="M16 25V12" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_Upsert.ts b/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_Upsert.ts
index 2eb47316020..e5512df81c3 100644
--- a/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_Upsert.ts
+++ b/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_Upsert.ts
@@ -24,7 +24,7 @@ class OpenSearchUpsert_VectorStores implements INode {
         this.name = 'openSearchUpsertDocument'
         this.version = 1.0
         this.type = 'OpenSearch'
-        this.icon = 'opensearch.png'
+        this.icon = 'opensearch.svg'
         this.category = 'Vector Stores'
         this.description = 'Upsert documents to OpenSearch'
         this.baseClasses = [this.type, 'VectorStoreRetriever', 'BaseRetriever']
diff --git a/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_existing.ts b/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_existing.ts
index a012a2e5348..b4765a9a1b6 100644
--- a/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_existing.ts
+++ b/packages/components/nodes/vectorstores/OpenSearch/OpenSearch_existing.ts
@@ -22,7 +22,7 @@ class OpenSearch_Existing_VectorStores implements INode {
         this.name = 'openSearchExistingIndex'
         this.version = 1.0
         this.type = 'OpenSearch'
-        this.icon = 'opensearch.png'
+        this.icon = 'opensearch.svg'
         this.category = 'Vector Stores'
         this.description = 'Load existing index from OpenSearch (i.e: Document has been upserted)'
         this.baseClasses = [this.type, 'VectorStoreRetriever', 'BaseRetriever']