From 5917a9af515c6376070071321b6ba09579ecd5b9 Mon Sep 17 00:00:00 2001
From: abhishekshankr <abhishekshankar241@gmail.com>
Date: Mon, 18 Dec 2023 03:09:35 -0500
Subject: [PATCH] Updated Agent Icons

---
 .../nodes/agents/AirtableAgent/airtable.svg      | 12 ++++--------
 .../components/nodes/agents/AutoGPT/AutoGPT.ts   |  2 +-
 .../components/nodes/agents/AutoGPT/autogpt.svg  | 11 +++++++++++
 .../components/nodes/agents/BabyAGI/babyagi.svg  | 12 ++++++------
 .../components/nodes/agents/CSVAgent/CSVAgent.ts |  2 +-
 .../nodes/agents/CSVAgent/CSVagent.svg           |  9 +++++++++
 .../nodes/agents/ConversationalAgent/agent.svg   | 16 +++++++---------
 .../ConversationalRetrievalAgent/agent.svg       | 16 +++++++---------
 .../nodes/agents/MRKLAgentChat/agent.svg         | 16 +++++++---------
 .../nodes/agents/MRKLAgentLLM/agent.svg          | 16 +++++++---------
 .../agents/OpenAIAssistant/OpenAIAssistant.ts    |  2 +-
 .../nodes/agents/OpenAIAssistant/assistant.svg   |  6 ++++++
 .../OpenAIFunctionAgent/OpenAIFunctionAgent.ts   |  2 +-
 .../agents/OpenAIFunctionAgent/function.svg      |  6 ++++++
 14 files changed, 74 insertions(+), 54 deletions(-)
 create mode 100644 packages/components/nodes/agents/AutoGPT/autogpt.svg
 create mode 100644 packages/components/nodes/agents/CSVAgent/CSVagent.svg
 create mode 100644 packages/components/nodes/agents/OpenAIAssistant/assistant.svg
 create mode 100644 packages/components/nodes/agents/OpenAIFunctionAgent/function.svg

diff --git a/packages/components/nodes/agents/AirtableAgent/airtable.svg b/packages/components/nodes/agents/AirtableAgent/airtable.svg
index 867c3b5a..5c2a9950 100644
--- a/packages/components/nodes/agents/AirtableAgent/airtable.svg
+++ b/packages/components/nodes/agents/AirtableAgent/airtable.svg
@@ -1,9 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="215px" viewBox="0 0 256 215" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<path d="M114.25873,2.70101695 L18.8604023,42.1756384 C13.5552723,44.3711638 13.6102328,51.9065311 18.9486282,54.0225085 L114.746142,92.0117514 C123.163769,95.3498757 132.537419,95.3498757 140.9536,92.0117514 L236.75256,54.0225085 C242.08951,51.9065311 242.145916,44.3711638 236.83934,42.1756384 L141.442459,2.70101695 C132.738459,-0.900338983 122.961284,-0.900338983 114.25873,2.70101695" fill="#FFBF00"></path>
-		<path d="M136.349071,112.756863 L136.349071,207.659101 C136.349071,212.173089 140.900664,215.263892 145.096461,213.600615 L251.844122,172.166219 C254.281184,171.200072 255.879376,168.845451 255.879376,166.224705 L255.879376,71.3224678 C255.879376,66.8084791 251.327783,63.7176768 247.131986,65.3809537 L140.384325,106.815349 C137.94871,107.781496 136.349071,110.136118 136.349071,112.756863" fill="#26B5F8"></path>
-		<path d="M111.422771,117.65355 L79.742409,132.949912 L76.5257763,134.504714 L9.65047684,166.548104 C5.4112904,168.593211 0.000578531073,165.503855 0.000578531073,160.794612 L0.000578531073,71.7210757 C0.000578531073,70.0173017 0.874160452,68.5463864 2.04568588,67.4384994 C2.53454463,66.9481944 3.08848814,66.5446689 3.66412655,66.2250305 C5.26231864,65.2661153 7.54173107,65.0101153 9.47981017,65.7766689 L110.890522,105.957098 C116.045234,108.002206 116.450206,115.225166 111.422771,117.65355" fill="#ED3049"></path>
-		<path d="M111.422771,117.65355 L79.742409,132.949912 L2.04568588,67.4384994 C2.53454463,66.9481944 3.08848814,66.5446689 3.66412655,66.2250305 C5.26231864,65.2661153 7.54173107,65.0101153 9.47981017,65.7766689 L110.890522,105.957098 C116.045234,108.002206 116.450206,115.225166 111.422771,117.65355" fill-opacity="0.25" fill="#000000"></path>
-	</g>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 13V23L14 17L5 13Z" fill="#ED304A" stroke="#ED304A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 17.5V27L27 22.8V13L17 17.5Z" fill="#26B5F8" stroke="#26B5F8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 14.5L6 10L16 5L26 10L16 14.5Z" fill="#FFBF00" stroke="#FFBF00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/packages/components/nodes/agents/AutoGPT/AutoGPT.ts b/packages/components/nodes/agents/AutoGPT/AutoGPT.ts
index 6c26b944..43b490f4 100644
--- a/packages/components/nodes/agents/AutoGPT/AutoGPT.ts
+++ b/packages/components/nodes/agents/AutoGPT/AutoGPT.ts
@@ -29,7 +29,7 @@ class AutoGPT_Agents implements INode {
         this.version = 1.0
         this.type = 'AutoGPT'
         this.category = 'Agents'
-        this.icon = 'autogpt.png'
+        this.icon = 'autogpt.svg'
         this.description = 'Autonomous agent with chain of thoughts for self-guided task completion'
         this.baseClasses = ['AutoGPT']
         this.inputs = [
diff --git a/packages/components/nodes/agents/AutoGPT/autogpt.svg b/packages/components/nodes/agents/AutoGPT/autogpt.svg
new file mode 100644
index 00000000..99da2d0f
--- /dev/null
+++ b/packages/components/nodes/agents/AutoGPT/autogpt.svg
@@ -0,0 +1,11 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 15V27" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 15V18.4545C19 19.5591 19.8954 20.4545 21 20.4545H22C23.1046 20.4545 24 21.35 24 22.4545V27" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 15V18.4545C13 19.5591 12.1046 20.4545 11 20.4545H10C8.89543 20.4545 8 21.35 8 22.4545V27" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21 14V16C21 17.1046 21.8954 18 23 18H24C25.1046 18 26 17.1046 26 16V12.5C26 11.9477 26.4477 11.5 27 11.5V11.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 14V16C11 17.1046 10.1046 18 9 18H8C6.89543 18 6 17.1046 6 16V12C6 11.4477 5.55228 11 5 11V11" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6C10 5.44772 10.4477 5 11 5H21C21.5523 5 22 5.44772 22 6V11C22 13.2091 20.2091 15 18 15H14C11.7909 15 10 13.2091 10 11V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+<path d="M16 5V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="13.5" cy="11" r="1.5" fill="black"/>
+<circle cx="18.5" cy="11" r="1.5" fill="black"/>
+</svg>
diff --git a/packages/components/nodes/agents/BabyAGI/babyagi.svg b/packages/components/nodes/agents/BabyAGI/babyagi.svg
index 0dd731cc..2fadd1b9 100644
--- a/packages/components/nodes/agents/BabyAGI/babyagi.svg
+++ b/packages/components/nodes/agents/BabyAGI/babyagi.svg
@@ -1,7 +1,7 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="9.25" stroke="black" stroke-width="1.5"/>
-<path d="M12.5 3C13.1667 3.33333 14.5 4.3 14.5 5.5C14.5 7 13.5 8 12 8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<circle cx="8" cy="12" r="1" fill="black"/>
-<circle cx="16" cy="12" r="1" fill="black"/>
-<path d="M9 15C9.76962 15.6181 10.8297 16 12 16C13.1703 16 14.2304 15.6181 15 15" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
+<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="black" stroke-width="2"/>
+<path d="M16 3C17 3.12455 19 3.97145 19 6.36272C19 8.75399 17 9.10271 16 8.97817" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="11" cy="16" r="1.5" fill="black"/>
+<circle cx="21" cy="16" r="1.5" fill="black"/>
+<path d="M13 22C13 22 14 23 16 23C18 23 19 22 19 22" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/packages/components/nodes/agents/CSVAgent/CSVAgent.ts b/packages/components/nodes/agents/CSVAgent/CSVAgent.ts
index 5baad2ec..70996c4d 100644
--- a/packages/components/nodes/agents/CSVAgent/CSVAgent.ts
+++ b/packages/components/nodes/agents/CSVAgent/CSVAgent.ts
@@ -23,7 +23,7 @@ class CSV_Agents implements INode {
         this.version = 1.0
         this.type = 'AgentExecutor'
         this.category = 'Agents'
-        this.icon = 'csvagent.png'
+        this.icon = 'CSVagent.svg'
         this.description = 'Agent used to to answer queries on CSV data'
         this.baseClasses = [this.type, ...getBaseClasses(AgentExecutor)]
         this.inputs = [
diff --git a/packages/components/nodes/agents/CSVAgent/CSVagent.svg b/packages/components/nodes/agents/CSVAgent/CSVagent.svg
new file mode 100644
index 00000000..f57bd886
--- /dev/null
+++ b/packages/components/nodes/agents/CSVAgent/CSVagent.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="M21 20L23.5 27L26 20" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 21C10.609 20.3986 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 26" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<path d="M18.01 20.45C17.0115 19.7553 14 19.6248 14 21.8374C14 24.288 18.5 22.6248 18.5 25.2074C18.5 27.1484 15.4962 27.766 14 26.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6C10 5.44772 10.4477 5 11 5H21C21.5523 5 22 5.44772 22 6V11C22 13.2091 20.2091 15 18 15H14C11.7909 15 10 13.2091 10 11V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+<path d="M16 5V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="14" cy="9" r="1.5" fill="black"/>
+<circle cx="18" cy="9" r="1.5" fill="black"/>
+</svg>
diff --git a/packages/components/nodes/agents/ConversationalAgent/agent.svg b/packages/components/nodes/agents/ConversationalAgent/agent.svg
index c87861e5..62fd4a65 100644
--- a/packages/components/nodes/agents/ConversationalAgent/agent.svg
+++ b/packages/components/nodes/agents/ConversationalAgent/agent.svg
@@ -1,9 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-robot" 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="M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-3l-1 -1v-3l1 -1v-1a2 2 0 0 1 2 -2z"></path>
-   <path d="M10 16h4"></path>
-   <circle cx="8.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <circle cx="15.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <path d="M9 7l-1 -4"></path>
-   <path d="M15 7l1 -4"></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="M10 6C10 5.44772 10.4477 5 11 5H21C21.5523 5 22 5.44772 22 6V11C22 13.2091 20.2091 15 18 15H14C11.7909 15 10 13.2091 10 11V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+<path d="M16 5V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="14" cy="9" r="1.5" fill="black"/>
+<circle cx="18" cy="9" r="1.5" fill="black"/>
+<path d="M26 27C26 22.0294 21.5228 18 16 18C10.4772 18 6 22.0294 6 27" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/agents/ConversationalRetrievalAgent/agent.svg b/packages/components/nodes/agents/ConversationalRetrievalAgent/agent.svg
index c87861e5..62fd4a65 100644
--- a/packages/components/nodes/agents/ConversationalRetrievalAgent/agent.svg
+++ b/packages/components/nodes/agents/ConversationalRetrievalAgent/agent.svg
@@ -1,9 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-robot" 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="M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-3l-1 -1v-3l1 -1v-1a2 2 0 0 1 2 -2z"></path>
-   <path d="M10 16h4"></path>
-   <circle cx="8.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <circle cx="15.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <path d="M9 7l-1 -4"></path>
-   <path d="M15 7l1 -4"></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="M10 6C10 5.44772 10.4477 5 11 5H21C21.5523 5 22 5.44772 22 6V11C22 13.2091 20.2091 15 18 15H14C11.7909 15 10 13.2091 10 11V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+<path d="M16 5V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="14" cy="9" r="1.5" fill="black"/>
+<circle cx="18" cy="9" r="1.5" fill="black"/>
+<path d="M26 27C26 22.0294 21.5228 18 16 18C10.4772 18 6 22.0294 6 27" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/agents/MRKLAgentChat/agent.svg b/packages/components/nodes/agents/MRKLAgentChat/agent.svg
index c87861e5..62fd4a65 100644
--- a/packages/components/nodes/agents/MRKLAgentChat/agent.svg
+++ b/packages/components/nodes/agents/MRKLAgentChat/agent.svg
@@ -1,9 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-robot" 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="M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-3l-1 -1v-3l1 -1v-1a2 2 0 0 1 2 -2z"></path>
-   <path d="M10 16h4"></path>
-   <circle cx="8.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <circle cx="15.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <path d="M9 7l-1 -4"></path>
-   <path d="M15 7l1 -4"></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="M10 6C10 5.44772 10.4477 5 11 5H21C21.5523 5 22 5.44772 22 6V11C22 13.2091 20.2091 15 18 15H14C11.7909 15 10 13.2091 10 11V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+<path d="M16 5V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="14" cy="9" r="1.5" fill="black"/>
+<circle cx="18" cy="9" r="1.5" fill="black"/>
+<path d="M26 27C26 22.0294 21.5228 18 16 18C10.4772 18 6 22.0294 6 27" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/agents/MRKLAgentLLM/agent.svg b/packages/components/nodes/agents/MRKLAgentLLM/agent.svg
index c87861e5..62fd4a65 100644
--- a/packages/components/nodes/agents/MRKLAgentLLM/agent.svg
+++ b/packages/components/nodes/agents/MRKLAgentLLM/agent.svg
@@ -1,9 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-robot" 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="M7 7h10a2 2 0 0 1 2 2v1l1 1v3l-1 1v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-3l-1 -1v-3l1 -1v-1a2 2 0 0 1 2 -2z"></path>
-   <path d="M10 16h4"></path>
-   <circle cx="8.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <circle cx="15.5" cy="11.5" r=".5" fill="currentColor"></circle>
-   <path d="M9 7l-1 -4"></path>
-   <path d="M15 7l1 -4"></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="M10 6C10 5.44772 10.4477 5 11 5H21C21.5523 5 22 5.44772 22 6V11C22 13.2091 20.2091 15 18 15H14C11.7909 15 10 13.2091 10 11V6Z" stroke="black" stroke-width="2" stroke-linejoin="round"/>
+<path d="M16 5V3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="14" cy="9" r="1.5" fill="black"/>
+<circle cx="18" cy="9" r="1.5" fill="black"/>
+<path d="M26 27C26 22.0294 21.5228 18 16 18C10.4772 18 6 22.0294 6 27" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/components/nodes/agents/OpenAIAssistant/OpenAIAssistant.ts b/packages/components/nodes/agents/OpenAIAssistant/OpenAIAssistant.ts
index d4426394..42686ae0 100644
--- a/packages/components/nodes/agents/OpenAIAssistant/OpenAIAssistant.ts
+++ b/packages/components/nodes/agents/OpenAIAssistant/OpenAIAssistant.ts
@@ -27,7 +27,7 @@ class OpenAIAssistant_Agents implements INode {
         this.version = 2.0
         this.type = 'OpenAIAssistant'
         this.category = 'Agents'
-        this.icon = 'openai.png'
+        this.icon = 'assistant.svg'
         this.description = `An agent that uses OpenAI Assistant API to pick the tool and args to call`
         this.baseClasses = [this.type]
         this.inputs = [
diff --git a/packages/components/nodes/agents/OpenAIAssistant/assistant.svg b/packages/components/nodes/agents/OpenAIAssistant/assistant.svg
new file mode 100644
index 00000000..655567af
--- /dev/null
+++ b/packages/components/nodes/agents/OpenAIAssistant/assistant.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="M26 27C26 22.0294 21.5228 18 16 18C10.4772 18 6 22.0294 6 27" stroke="black" stroke-width="2" stroke-linecap="round"/>
+<circle cx="16" cy="9" r="6" stroke="black" stroke-width="2"/>
+<circle cx="14" cy="9" r="1.5" fill="black"/>
+<circle cx="18" cy="9" r="1.5" fill="black"/>
+</svg>
diff --git a/packages/components/nodes/agents/OpenAIFunctionAgent/OpenAIFunctionAgent.ts b/packages/components/nodes/agents/OpenAIFunctionAgent/OpenAIFunctionAgent.ts
index 96ba7ea3..c019ca5a 100644
--- a/packages/components/nodes/agents/OpenAIFunctionAgent/OpenAIFunctionAgent.ts
+++ b/packages/components/nodes/agents/OpenAIFunctionAgent/OpenAIFunctionAgent.ts
@@ -23,7 +23,7 @@ class OpenAIFunctionAgent_Agents implements INode {
         this.version = 3.0
         this.type = 'AgentExecutor'
         this.category = 'Agents'
-        this.icon = 'openai.png'
+        this.icon = 'function.svg'
         this.description = `An agent that uses Function Calling to pick the tool and args to call`
         this.baseClasses = [this.type, ...getBaseClasses(AgentExecutor)]
         this.inputs = [
diff --git a/packages/components/nodes/agents/OpenAIFunctionAgent/function.svg b/packages/components/nodes/agents/OpenAIFunctionAgent/function.svg
new file mode 100644
index 00000000..506f3248
--- /dev/null
+++ b/packages/components/nodes/agents/OpenAIFunctionAgent/function.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="M5.5 27H7.23536C9.13552 27 10.7734 25.6632 11.1542 23.8016L14.3458 8.19842C14.7266 6.3368 16.3645 5 18.2646 5H20" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 11H18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 17H17.8676C18.5701 17 19.2212 17.3686 19.5826 17.971L24.4174 26.029C24.7788 26.6314 25.4299 27 26.1324 27H27" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27 17H26.1324C25.4299 17 24.7788 17.3686 24.4174 17.971L19.5826 26.029C19.2212 26.6314 18.5701 27 17.8676 27H17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>