From 557bdb0ef79fdab8ac75f7894e82143af1a0f22c Mon Sep 17 00:00:00 2001
From: abhishekshankr <abhishekshankar241@gmail.com>
Date: Mon, 18 Dec 2023 03:19:43 -0500
Subject: [PATCH] Update Chain Icons

---
 .../nodes/chains/ApiChain/GETApiChain.ts           |  2 +-
 .../nodes/chains/ApiChain/OpenAPIChain.ts          |  2 +-
 .../nodes/chains/ApiChain/POSTApiChain.ts          |  2 +-
 packages/components/nodes/chains/ApiChain/get.svg  |  7 +++++++
 .../components/nodes/chains/ApiChain/openapi.svg   |  7 +++++++
 packages/components/nodes/chains/ApiChain/post.svg |  8 ++++++++
 .../nodes/chains/ConversationChain/conv.svg        |  8 ++++++++
 .../ConversationalRetrievalQAChain.ts              |  2 +-
 .../chains/ConversationalRetrievalQAChain/qa.svg   |  6 ++++++
 .../components/nodes/chains/LLMChain/LLM_Chain.svg | 11 ++++++-----
 .../nodes/chains/MultiPromptChain/prompt.svg       |  8 ++++++++
 .../MultiRetrievalQAChain/MultiRetrievalQAChain.ts |  2 +-
 .../nodes/chains/MultiRetrievalQAChain/qa.svg      |  6 ++++++
 .../chains/RetrievalQAChain/RetrievalQAChain.ts    |  2 +-
 .../nodes/chains/RetrievalQAChain/qa.svg           |  6 ++++++
 .../nodes/chains/SqlDatabaseChain/sqlchain.svg     | 14 +++++++-------
 .../chains/VectorDBQAChain/VectorDBQAChain.ts      |  2 +-
 .../nodes/chains/VectorDBQAChain/vectordb.svg      |  6 ++++++
 18 files changed, 82 insertions(+), 19 deletions(-)
 create mode 100644 packages/components/nodes/chains/ApiChain/get.svg
 create mode 100644 packages/components/nodes/chains/ApiChain/openapi.svg
 create mode 100644 packages/components/nodes/chains/ApiChain/post.svg
 create mode 100644 packages/components/nodes/chains/ConversationChain/conv.svg
 create mode 100644 packages/components/nodes/chains/ConversationalRetrievalQAChain/qa.svg
 create mode 100644 packages/components/nodes/chains/MultiPromptChain/prompt.svg
 create mode 100644 packages/components/nodes/chains/MultiRetrievalQAChain/qa.svg
 create mode 100644 packages/components/nodes/chains/RetrievalQAChain/qa.svg
 create mode 100644 packages/components/nodes/chains/VectorDBQAChain/vectordb.svg

diff --git a/packages/components/nodes/chains/ApiChain/GETApiChain.ts b/packages/components/nodes/chains/ApiChain/GETApiChain.ts
index d88ab6f9c..3494fa1cc 100644
--- a/packages/components/nodes/chains/ApiChain/GETApiChain.ts
+++ b/packages/components/nodes/chains/ApiChain/GETApiChain.ts
@@ -32,7 +32,7 @@ class GETApiChain_Chains implements INode {
         this.name = 'getApiChain'
         this.version = 1.0
         this.type = 'GETApiChain'
-        this.icon = 'apichain.svg'
+        this.icon = 'get.svg'
         this.category = 'Chains'
         this.description = 'Chain to run queries against GET API'
         this.baseClasses = [this.type, ...getBaseClasses(APIChain)]
diff --git a/packages/components/nodes/chains/ApiChain/OpenAPIChain.ts b/packages/components/nodes/chains/ApiChain/OpenAPIChain.ts
index 08dc3cc8f..51459daa8 100644
--- a/packages/components/nodes/chains/ApiChain/OpenAPIChain.ts
+++ b/packages/components/nodes/chains/ApiChain/OpenAPIChain.ts
@@ -20,7 +20,7 @@ class OpenApiChain_Chains implements INode {
         this.name = 'openApiChain'
         this.version = 1.0
         this.type = 'OpenAPIChain'
-        this.icon = 'openapi.png'
+        this.icon = 'openapi.svg'
         this.category = 'Chains'
         this.description = 'Chain that automatically select and call APIs based only on an OpenAPI spec'
         this.baseClasses = [this.type, ...getBaseClasses(APIChain)]
diff --git a/packages/components/nodes/chains/ApiChain/POSTApiChain.ts b/packages/components/nodes/chains/ApiChain/POSTApiChain.ts
index f005f47ad..309b33100 100644
--- a/packages/components/nodes/chains/ApiChain/POSTApiChain.ts
+++ b/packages/components/nodes/chains/ApiChain/POSTApiChain.ts
@@ -21,7 +21,7 @@ class POSTApiChain_Chains implements INode {
         this.name = 'postApiChain'
         this.version = 1.0
         this.type = 'POSTApiChain'
-        this.icon = 'apichain.svg'
+        this.icon = 'post.svg'
         this.category = 'Chains'
         this.description = 'Chain to run queries against POST API'
         this.baseClasses = [this.type, ...getBaseClasses(APIChain)]
diff --git a/packages/components/nodes/chains/ApiChain/get.svg b/packages/components/nodes/chains/ApiChain/get.svg
new file mode 100644
index 000000000..0adfdaa8c
--- /dev/null
+++ b/packages/components/nodes/chains/ApiChain/get.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="M10.5 20.5C10.5 20.5 10 20 9 20C7.067 20 6 21.567 6 23.5C6 25.433 7.067 27 9 27C10 27 10.7037 26.4812 11 26V24H10" stroke="#110000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 20H14V27H18.5M14 23.5H17.5" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23.5 27V20M21 20H26" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/ApiChain/openapi.svg b/packages/components/nodes/chains/ApiChain/openapi.svg
new file mode 100644
index 000000000..0f623b94f
--- /dev/null
+++ b/packages/components/nodes/chains/ApiChain/openapi.svg
@@ -0,0 +1,7 @@
+<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="3" fill="#424143" stroke="#424143" stroke-width="2"/>
+<circle cx="26" cy="6" r="2" fill="#424143" stroke="#424143" stroke-width="2"/>
+<path d="M18.5 13.5L24.5 7.5" stroke="#424143" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 27C22.0751 27 27 22.0751 27 16C27 14.3968 26.657 12.8736 26.0404 11.5L22.5247 15C22.5743 15.3261 22.6 15.6601 22.6 16C22.6 19.6451 19.6451 22.6 16 22.6C12.3549 22.6 9.4 19.6451 9.4 16C9.4 12.3549 12.3549 9.4 16 9.4C16.3399 9.4 16.6739 9.4257 17 9.47527L20.4094 5.9194C19.0595 5.3281 17.5681 5 16 5C9.92487 5 5 9.92487 5 16C5 22.0751 9.92487 27 16 27Z" fill="#94D609"/>
+<path d="M17 9.47527L16.8497 10.4639C17.1714 10.5128 17.4967 10.4022 17.7218 10.1674L17 9.47527ZM20.4094 5.9194L21.1312 6.61149C21.3573 6.37567 21.454 6.04428 21.3901 5.72389C21.3262 5.4035 21.1099 5.13451 20.8106 5.00343L20.4094 5.9194ZM22.5247 15L21.8192 14.2913C21.5934 14.5162 21.4882 14.8352 21.5361 15.1503L22.5247 15ZM26.0404 11.5L26.9527 11.0905C26.8182 10.7909 26.5452 10.5764 26.2223 10.5167C25.8993 10.457 25.5676 10.5596 25.3349 10.7913L26.0404 11.5ZM26 16C26 21.5228 21.5228 26 16 26V28C22.6274 28 28 22.6274 28 16H26ZM16 26C10.4772 26 6 21.5228 6 16H4C4 22.6274 9.37258 28 16 28V26ZM6 16C6 10.4772 10.4772 6 16 6V4C9.37258 4 4 9.37258 4 16H6ZM21.6 16C21.6 19.0928 19.0928 21.6 16 21.6V23.6C20.1974 23.6 23.6 20.1974 23.6 16H21.6ZM16 21.6C12.9072 21.6 10.4 19.0928 10.4 16H8.4C8.4 20.1974 11.8026 23.6 16 23.6V21.6ZM10.4 16C10.4 12.9072 12.9072 10.4 16 10.4V8.4C11.8026 8.4 8.4 11.8026 8.4 16H10.4ZM16 10.4C16.2895 10.4 16.5732 10.4219 16.8497 10.4639L17.1503 8.48662C16.7746 8.42952 16.3904 8.4 16 8.4V10.4ZM16 6C17.4274 6 18.7824 6.29844 20.0082 6.83538L20.8106 5.00343C19.3366 4.35776 17.7088 4 16 4V6ZM17.7218 10.1674L21.1312 6.61149L19.6876 5.22732L16.2782 8.78318L17.7218 10.1674ZM21.5361 15.1503C21.5781 15.4268 21.6 15.7105 21.6 16H23.6C23.6 15.6096 23.5705 15.2254 23.5134 14.8497L21.5361 15.1503ZM25.1281 11.9095C25.688 13.1569 26 14.5407 26 16H28C28 14.2529 27.626 12.5904 26.9527 11.0905L25.1281 11.9095ZM23.2303 15.7087L26.7459 12.2087L25.3349 10.7913L21.8192 14.2913L23.2303 15.7087Z" fill="#94D609"/>
+</svg>
diff --git a/packages/components/nodes/chains/ApiChain/post.svg b/packages/components/nodes/chains/ApiChain/post.svg
new file mode 100644
index 000000000..250ce69ae
--- /dev/null
+++ b/packages/components/nodes/chains/ApiChain/post.svg
@@ -0,0 +1,8 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 27V20H6.5C7.60457 20 8.5 20.8954 8.5 22C8.5 23.1046 7.60457 24 6.5 24H4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27 27V20M25 20H29" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.5644 20.4399C21.6769 19.7608 19 19.6332 19 21.7961C19 24.1915 23 22.5657 23 25.0902C23 26.9875 20.33 27.5912 19 26.3537" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 23.5C11 20.7 12.6667 20 13.5 20C14.3333 20 16 20.7 16 23.5C16 26.3 14.3333 27 13.5 27C12.6667 27 11 26.3 11 23.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/ConversationChain/conv.svg b/packages/components/nodes/chains/ConversationChain/conv.svg
new file mode 100644
index 000000000..5f6c5a477
--- /dev/null
+++ b/packages/components/nodes/chains/ConversationChain/conv.svg
@@ -0,0 +1,8 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 22L27 29L29 22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 23C7.68717 22.3986 7.2 22 6.4 22C4.8536 22 4 23.567 4 25.5C4 27.433 4.8536 29 6.4 29C7.2 29 7.76299 28.4812 8 28" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M18 29V22L22 29V22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 25.5C10.5 22.7 12.1667 22 13 22C13.8333 22 15.5 22.7 15.5 25.5C15.5 28.3 13.8333 29 13 29C12.1667 29 10.5 28.3 10.5 25.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/ConversationalRetrievalQAChain/ConversationalRetrievalQAChain.ts b/packages/components/nodes/chains/ConversationalRetrievalQAChain/ConversationalRetrievalQAChain.ts
index 9a8c1b188..36376e132 100644
--- a/packages/components/nodes/chains/ConversationalRetrievalQAChain/ConversationalRetrievalQAChain.ts
+++ b/packages/components/nodes/chains/ConversationalRetrievalQAChain/ConversationalRetrievalQAChain.ts
@@ -32,7 +32,7 @@ class ConversationalRetrievalQAChain_Chains implements INode {
         this.name = 'conversationalRetrievalQAChain'
         this.version = 1.0
         this.type = 'ConversationalRetrievalQAChain'
-        this.icon = 'chain.svg'
+        this.icon = 'qa.svg'
         this.category = 'Chains'
         this.description = 'Document QA - built on RetrievalQAChain to provide a chat history component'
         this.baseClasses = [this.type, ...getBaseClasses(ConversationalRetrievalQAChain)]
diff --git a/packages/components/nodes/chains/ConversationalRetrievalQAChain/qa.svg b/packages/components/nodes/chains/ConversationalRetrievalQAChain/qa.svg
new file mode 100644
index 000000000..b367f7bc7
--- /dev/null
+++ b/packages/components/nodes/chains/ConversationalRetrievalQAChain/qa.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 27L20.5 20L23 27M19 26H22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 25L15 27M12 20C11 20 9 20.7 9 23.5C9 26.3 11 27 12 27C13 27 15 26.3 15 23.5C15 20.7 13 20 12 20Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/LLMChain/LLM_Chain.svg b/packages/components/nodes/chains/LLMChain/LLM_Chain.svg
index f6c79d95f..5d4b56f5c 100644
--- a/packages/components/nodes/chains/LLMChain/LLM_Chain.svg
+++ b/packages/components/nodes/chains/LLMChain/LLM_Chain.svg
@@ -1,6 +1,7 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.2881 8.40117C14.2881 6.17663 12.4847 4.37326 10.2602 4.37326L8.69626 4.37326C6.47172 4.37327 4.66836 6.17663 4.66835 8.40117C4.66835 9.22805 4.91751 9.99673 5.34484 10.6362M9.62032 7.50607C9.62031 9.73062 11.4237 11.534 13.6482 11.534L14.4295 11.534H15.2109C16.1716 11.534 17.0538 11.1976 17.7461 10.6362C18.6567 9.89775 19.2388 8.76988 19.2388 7.50607C19.2388 5.28153 17.4354 3.47816 15.2109 3.47816" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
-<path d="M5 15V20.25H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.25 15V20.25H13.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.5 20.25V15L17.375 17.25L19.25 15V20.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 20V27H17.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 20V27H10.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 27V20L23.5 24.5L26 20V27" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
 </svg>
diff --git a/packages/components/nodes/chains/MultiPromptChain/prompt.svg b/packages/components/nodes/chains/MultiPromptChain/prompt.svg
new file mode 100644
index 000000000..cf51913f5
--- /dev/null
+++ b/packages/components/nodes/chains/MultiPromptChain/prompt.svg
@@ -0,0 +1,8 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 29V22L19.5 26.5L22 22V29" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 29V22H5.22222C6.20406 22 7 22.8954 7 24C7 25.1046 6.20406 26 5.22222 26H3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 29V22H12.2222C13.2041 22 14 22.8954 14 24C14 25.1046 13.2041 26 12.2222 26M12.2222 26H10M12.2222 26L14 29" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27 29V22M25 22H29" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/MultiRetrievalQAChain/MultiRetrievalQAChain.ts b/packages/components/nodes/chains/MultiRetrievalQAChain/MultiRetrievalQAChain.ts
index 93bf2255a..a2cfc309f 100644
--- a/packages/components/nodes/chains/MultiRetrievalQAChain/MultiRetrievalQAChain.ts
+++ b/packages/components/nodes/chains/MultiRetrievalQAChain/MultiRetrievalQAChain.ts
@@ -20,7 +20,7 @@ class MultiRetrievalQAChain_Chains implements INode {
         this.name = 'multiRetrievalQAChain'
         this.version = 1.0
         this.type = 'MultiRetrievalQAChain'
-        this.icon = 'chain.svg'
+        this.icon = 'qa.svg'
         this.category = 'Chains'
         this.description = 'QA Chain that automatically picks an appropriate vector store from multiple retrievers'
         this.baseClasses = [this.type, ...getBaseClasses(MultiRetrievalQAChain)]
diff --git a/packages/components/nodes/chains/MultiRetrievalQAChain/qa.svg b/packages/components/nodes/chains/MultiRetrievalQAChain/qa.svg
new file mode 100644
index 000000000..b367f7bc7
--- /dev/null
+++ b/packages/components/nodes/chains/MultiRetrievalQAChain/qa.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 27L20.5 20L23 27M19 26H22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 25L15 27M12 20C11 20 9 20.7 9 23.5C9 26.3 11 27 12 27C13 27 15 26.3 15 23.5C15 20.7 13 20 12 20Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/RetrievalQAChain/RetrievalQAChain.ts b/packages/components/nodes/chains/RetrievalQAChain/RetrievalQAChain.ts
index 45cacad8e..7f13fcfd8 100644
--- a/packages/components/nodes/chains/RetrievalQAChain/RetrievalQAChain.ts
+++ b/packages/components/nodes/chains/RetrievalQAChain/RetrievalQAChain.ts
@@ -21,7 +21,7 @@ class RetrievalQAChain_Chains implements INode {
         this.name = 'retrievalQAChain'
         this.version = 1.0
         this.type = 'RetrievalQAChain'
-        this.icon = 'QA_Chain.svg'
+        this.icon = 'qa.svg'
         this.category = 'Chains'
         this.description = 'QA chain to answer a question based on the retrieved documents'
         this.baseClasses = [this.type, ...getBaseClasses(RetrievalQAChain)]
diff --git a/packages/components/nodes/chains/RetrievalQAChain/qa.svg b/packages/components/nodes/chains/RetrievalQAChain/qa.svg
new file mode 100644
index 000000000..b367f7bc7
--- /dev/null
+++ b/packages/components/nodes/chains/RetrievalQAChain/qa.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 27L20.5 20L23 27M19 26H22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 25L15 27M12 20C11 20 9 20.7 9 23.5C9 26.3 11 27 12 27C13 27 15 26.3 15 23.5C15 20.7 13 20 12 20Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/SqlDatabaseChain/sqlchain.svg b/packages/components/nodes/chains/SqlDatabaseChain/sqlchain.svg
index dcf937b35..687583200 100644
--- a/packages/components/nodes/chains/SqlDatabaseChain/sqlchain.svg
+++ b/packages/components/nodes/chains/SqlDatabaseChain/sqlchain.svg
@@ -1,7 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sql" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-   <path d="M12 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z"></path>
-   <path d="M17 8v8h4"></path>
-   <path d="M13 15l1 1"></path>
-   <path d="M3 15a1 1 0 0 0 1 1h2a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1h-2a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1"></path>
-</svg>
\ No newline at end of file
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 25L19 27M16 20C15 20 13 20.7 13 23.5C13 26.3 15 27 16 27C17 27 19 26.3 19 23.5C19 20.7 17 20 16 20Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M23 20V27H26.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.56442 20.4399C8.67691 19.7608 6 19.6332 6 21.7961C6 24.1915 10 22.5657 10 25.0902C10 26.9875 7.32996 27.5912 6 26.3537" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/chains/VectorDBQAChain/VectorDBQAChain.ts b/packages/components/nodes/chains/VectorDBQAChain/VectorDBQAChain.ts
index 13de17dc4..594ed921f 100644
--- a/packages/components/nodes/chains/VectorDBQAChain/VectorDBQAChain.ts
+++ b/packages/components/nodes/chains/VectorDBQAChain/VectorDBQAChain.ts
@@ -21,7 +21,7 @@ class VectorDBQAChain_Chains implements INode {
         this.name = 'vectorDBQAChain'
         this.version = 1.0
         this.type = 'VectorDBQAChain'
-        this.icon = 'chain.svg'
+        this.icon = 'vectordb.svg'
         this.category = 'Chains'
         this.description = 'QA chain for vector databases'
         this.baseClasses = [this.type, ...getBaseClasses(VectorDBQAChain)]
diff --git a/packages/components/nodes/chains/VectorDBQAChain/vectordb.svg b/packages/components/nodes/chains/VectorDBQAChain/vectordb.svg
new file mode 100644
index 000000000..7add9f8d9
--- /dev/null
+++ b/packages/components/nodes/chains/VectorDBQAChain/vectordb.svg
@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 27V20H12C13.933 20 15.5 21.567 15.5 23.5C15.5 25.433 13.933 27 12 27H10Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 23H18M21 23C21.8284 23 22.5 22.3284 22.5 21.5C22.5 20.6716 21.8284 20 21 20H18V27H21C22.1046 27 23 26.1046 23 25C23 23.8954 22.1046 23 21 23Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 10C19 6.68629 16.2577 4 12.875 4H11.125C7.74226 4 5 6.68629 5 10C5 11.7572 5.77114 13.338 7 14.4353" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M13 9C13 12.3137 15.7423 15 19.125 15H20.875C24.2577 15 27 12.3137 27 9C27 5.68629 24.2577 3 20.875 3" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>