diff --git a/src/backend/base/langflow/components/processing/create_data.py b/src/backend/base/langflow/components/processing/create_data.py
index 6a437664d..2a8f916d3 100644
--- a/src/backend/base/langflow/components/processing/create_data.py
+++ b/src/backend/base/langflow/components/processing/create_data.py
@@ -14,6 +14,7 @@ class CreateDataComponent(Component):
name: str = "CreateData"
MAX_FIELDS = 15 # Define a constant for maximum number of fields
legacy = True
+ icon = "ListFilter"
inputs = [
IntInput(
diff --git a/src/backend/base/langflow/components/tools/bing_search_api.py b/src/backend/base/langflow/components/tools/bing_search_api.py
index d408f20c5..b33bec14d 100644
--- a/src/backend/base/langflow/components/tools/bing_search_api.py
+++ b/src/backend/base/langflow/components/tools/bing_search_api.py
@@ -13,6 +13,7 @@ class BingSearchAPIComponent(LCToolComponent):
display_name = "Bing Search API"
description = "Call the Bing Search API."
name = "BingSearchAPI"
+ icon = "Bing"
inputs = [
SecretStrInput(name="bing_subscription_key", display_name="Bing Subscription Key"),
diff --git a/src/backend/base/langflow/components/tools/glean_search_api.py b/src/backend/base/langflow/components/tools/glean_search_api.py
index 6c0317f60..b856526d6 100644
--- a/src/backend/base/langflow/components/tools/glean_search_api.py
+++ b/src/backend/base/langflow/components/tools/glean_search_api.py
@@ -100,6 +100,7 @@ class GleanSearchAPIComponent(LCToolComponent):
display_name = "Glean Search API"
description = "Call Glean Search API"
name = "GleanAPI"
+ icon = "Glean"
inputs = [
StrInput(
diff --git a/src/backend/base/langflow/components/tools/python_code_structured_tool.py b/src/backend/base/langflow/components/tools/python_code_structured_tool.py
index 2e7006113..7f4ffb2b7 100644
--- a/src/backend/base/langflow/components/tools/python_code_structured_tool.py
+++ b/src/backend/base/langflow/components/tools/python_code_structured_tool.py
@@ -41,7 +41,7 @@ class PythonCodeStructuredTool(LCToolComponent):
description = "structuredtool dataclass code to tool"
documentation = "https://python.langchain.com/docs/modules/tools/custom_tools/#structuredtool-dataclass"
name = "PythonCodeStructuredTool"
- icon = "🐍"
+ icon = "Python"
field_order = ["name", "description", "tool_code", "return_direct", "tool_function"]
legacy: bool = True
diff --git a/src/backend/base/langflow/components/tools/python_repl.py b/src/backend/base/langflow/components/tools/python_repl.py
index 25f64895f..6a172a614 100644
--- a/src/backend/base/langflow/components/tools/python_repl.py
+++ b/src/backend/base/langflow/components/tools/python_repl.py
@@ -16,6 +16,7 @@ class PythonREPLToolComponent(LCToolComponent):
display_name = "Python REPL"
description = "A tool for running Python code in a REPL environment."
name = "PythonREPLTool"
+ icon = "Python"
inputs = [
StrInput(
diff --git a/src/backend/base/langflow/components/tools/search_api.py b/src/backend/base/langflow/components/tools/search_api.py
index f6c24936e..fdb0ecbc9 100644
--- a/src/backend/base/langflow/components/tools/search_api.py
+++ b/src/backend/base/langflow/components/tools/search_api.py
@@ -15,6 +15,7 @@ class SearchAPIComponent(LCToolComponent):
description: str = "Call the searchapi.io API with result limiting"
name = "SearchAPI"
documentation: str = "https://www.searchapi.io/docs/google"
+ icon = "SearchAPI"
inputs = [
MessageTextInput(name="engine", display_name="Engine", value="google"),
diff --git a/src/backend/base/langflow/components/tools/serp_api.py b/src/backend/base/langflow/components/tools/serp_api.py
index b0ee3d552..faf5ad038 100644
--- a/src/backend/base/langflow/components/tools/serp_api.py
+++ b/src/backend/base/langflow/components/tools/serp_api.py
@@ -33,6 +33,7 @@ class SerpAPIComponent(LCToolComponent):
display_name = "Serp Search API"
description = "Call Serp Search API with result limiting"
name = "SerpAPI"
+ icon = "SerpSearch"
inputs = [
SecretStrInput(name="serpapi_api_key", display_name="SerpAPI API Key", required=True),
diff --git a/src/backend/base/langflow/components/tools/wikidata_api.py b/src/backend/base/langflow/components/tools/wikidata_api.py
index afcab9f19..d42679090 100644
--- a/src/backend/base/langflow/components/tools/wikidata_api.py
+++ b/src/backend/base/langflow/components/tools/wikidata_api.py
@@ -56,6 +56,7 @@ class WikidataAPIComponent(LCToolComponent):
display_name = "Wikidata API"
description = "Performs a search using the Wikidata API."
name = "WikidataAPI"
+ icon = "Wikipedia"
inputs = [
MultilineInput(
diff --git a/src/backend/base/langflow/components/tools/wikipedia_api.py b/src/backend/base/langflow/components/tools/wikipedia_api.py
index 51aafbec3..53a486a9d 100644
--- a/src/backend/base/langflow/components/tools/wikipedia_api.py
+++ b/src/backend/base/langflow/components/tools/wikipedia_api.py
@@ -13,6 +13,7 @@ class WikipediaAPIComponent(LCToolComponent):
display_name = "Wikipedia API"
description = "Call Wikipedia API."
name = "WikipediaAPI"
+ icon = "Wikipedia"
inputs = [
MultilineInput(
diff --git a/src/frontend/src/icons/Glean/Glean.jsx b/src/frontend/src/icons/Glean/Glean.jsx
new file mode 100644
index 000000000..f6d3dfe49
--- /dev/null
+++ b/src/frontend/src/icons/Glean/Glean.jsx
@@ -0,0 +1,4517 @@
+const SvgGlean = (props) => (
+
+);
+export default SvgGlean;
diff --git a/src/frontend/src/icons/Glean/glean.svg b/src/frontend/src/icons/Glean/glean.svg
new file mode 100644
index 000000000..7ff7a2432
--- /dev/null
+++ b/src/frontend/src/icons/Glean/glean.svg
@@ -0,0 +1,2266 @@
+
+
\ No newline at end of file
diff --git a/src/frontend/src/icons/Glean/index.tsx b/src/frontend/src/icons/Glean/index.tsx
new file mode 100644
index 000000000..c74b9b0f4
--- /dev/null
+++ b/src/frontend/src/icons/Glean/index.tsx
@@ -0,0 +1,8 @@
+import React, { forwardRef } from "react";
+import SvgGlean from "./Glean";
+
+export const GleanIcon = forwardRef>(
+ (props, ref) => {
+ return ;
+ },
+);
diff --git a/src/frontend/src/icons/Python/Python.jsx b/src/frontend/src/icons/Python/Python.jsx
index 253e7747e..451db3555 100644
--- a/src/frontend/src/icons/Python/Python.jsx
+++ b/src/frontend/src/icons/Python/Python.jsx
@@ -1,156 +1,156 @@
export const SvgPython = (props) => (
diff --git a/src/frontend/src/icons/Python/Python.svg b/src/frontend/src/icons/Python/Python.svg
index 8e00c5e76..5d8e79a88 100644
--- a/src/frontend/src/icons/Python/Python.svg
+++ b/src/frontend/src/icons/Python/Python.svg
@@ -1,41 +1,132 @@
-
\ No newline at end of file
+
+
diff --git a/src/frontend/src/icons/SearchAPI/SearchAPI.jsx b/src/frontend/src/icons/SearchAPI/SearchAPI.jsx
new file mode 100644
index 000000000..5f936cb65
--- /dev/null
+++ b/src/frontend/src/icons/SearchAPI/SearchAPI.jsx
@@ -0,0 +1,28 @@
+const SvgSearchApi = (props) => (
+
+);
+export default SvgSearchApi;
diff --git a/src/frontend/src/icons/SearchAPI/SearchAPI.svg b/src/frontend/src/icons/SearchAPI/SearchAPI.svg
new file mode 100644
index 000000000..10b78e873
--- /dev/null
+++ b/src/frontend/src/icons/SearchAPI/SearchAPI.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/frontend/src/icons/SearchAPI/index.tsx b/src/frontend/src/icons/SearchAPI/index.tsx
new file mode 100644
index 000000000..8122c7272
--- /dev/null
+++ b/src/frontend/src/icons/SearchAPI/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import SvgSearchApi from "./SearchAPI";
+
+export const SearchAPIIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/SerpSearch/SerpSearch.jsx b/src/frontend/src/icons/SerpSearch/SerpSearch.jsx
new file mode 100644
index 000000000..95223bb08
--- /dev/null
+++ b/src/frontend/src/icons/SerpSearch/SerpSearch.jsx
@@ -0,0 +1,536 @@
+const SvgSerpSearchAPI = (props) => (
+
+);
+export default SvgSerpSearchAPI;
diff --git a/src/frontend/src/icons/SerpSearch/SerpSearch.svg b/src/frontend/src/icons/SerpSearch/SerpSearch.svg
new file mode 100644
index 000000000..4770e6723
--- /dev/null
+++ b/src/frontend/src/icons/SerpSearch/SerpSearch.svg
@@ -0,0 +1,108 @@
+
+
diff --git a/src/frontend/src/icons/SerpSearch/index.tsx b/src/frontend/src/icons/SerpSearch/index.tsx
new file mode 100644
index 000000000..35b3c278f
--- /dev/null
+++ b/src/frontend/src/icons/SerpSearch/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import SvgSerpSearchAPI from "./SerpSearch";
+
+export const SerpSearchIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/Wikipedia/Wikipedia.jsx b/src/frontend/src/icons/Wikipedia/Wikipedia.jsx
index 7ee7fe810..1d8c5e2e5 100644
--- a/src/frontend/src/icons/Wikipedia/Wikipedia.jsx
+++ b/src/frontend/src/icons/Wikipedia/Wikipedia.jsx
@@ -1,12 +1,904 @@
const SvgWikipedia = (props) => (
);
export default SvgWikipedia;
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 42cadc8f6..1c9fb2301 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -1205,7 +1205,7 @@
}
.integration-icon {
- @apply h-8 w-8;
+ @apply h-8 w-8 rounded-md;
}
.show-node-icon {
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index 36d78df89..631acf877 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -1,11 +1,15 @@
import { AIMLIcon } from "@/icons/AIML";
import { DuckDuckGoIcon } from "@/icons/DuckDuckGo";
import { ExaIcon } from "@/icons/Exa";
+import { GleanIcon } from "@/icons/Glean";
import { LangwatchIcon } from "@/icons/Langwatch";
import { MilvusIcon } from "@/icons/Milvus";
import Perplexity from "@/icons/Perplexity/Perplexity";
+import { SearchAPIIcon } from "@/icons/SearchAPI";
+import { SerpSearchIcon } from "@/icons/SerpSearch";
import { TavilyIcon } from "@/icons/Tavily";
import { UnstructuredIcon } from "@/icons/Unstructured";
+import { WikipediaIcon } from "@/icons/Wikipedia";
import YouTubeIcon from "@/icons/Youtube/youtube";
import { ZepMemoryIcon } from "@/icons/ZepMemory";
import { AthenaIcon } from "@/icons/athena/index";
@@ -603,6 +607,7 @@ export const nodeIconsLucide: iconsType = {
AstraDB: AstraDBIcon,
BingSearchAPIWrapper: BingIcon,
BingSearchRun: BingIcon,
+ Bing: BingIcon,
Cohere: CohereIcon,
ChevronsUpDownIcon,
CohereEmbeddings: CohereIcon,
@@ -684,6 +689,11 @@ export const nodeIconsLucide: iconsType = {
ZepMemory: ZepMemoryIcon,
Langwatch: LangwatchIcon,
Mem0,
+ Glean: GleanIcon,
+ GleanAPI: GleanIcon,
+ SerpSearch: SerpSearchIcon,
+ SearchAPI: SearchAPIIcon,
+ Wikipedia: WikipediaIcon,
//Node Icons
model_specs: FileSliders,