From 70aa37414be8a90c8d7f841efd6445672f09f5e7 Mon Sep 17 00:00:00 2001
From: Waleed Latif <walif6@gmail.com>
Date: Tue, 4 Feb 2025 20:44:39 -0800
Subject: [PATCH] Added some svgs

---
 blocks/blocks/firecrawl.ts |  2 +-
 blocks/blocks/serper.ts    |  2 +-
 components/icons.tsx       | 49 ++++++++++++++++++++++----------------
 3 files changed, 30 insertions(+), 23 deletions(-)

diff --git a/blocks/blocks/firecrawl.ts b/blocks/blocks/firecrawl.ts
index d6bcfc5551..416176797c 100644
--- a/blocks/blocks/firecrawl.ts
+++ b/blocks/blocks/firecrawl.ts
@@ -7,7 +7,7 @@ export const FirecrawlScrapeBlock: BlockConfig<ScrapeResponse> = {
   toolbar: {
     title: 'Firecrawl Scraper',
     description: 'Scrape website content',
-    bgColor: '#FF613A',
+    bgColor: '#000000',
     icon: FirecrawlIcon,
     category: 'tools'
   },
diff --git a/blocks/blocks/serper.ts b/blocks/blocks/serper.ts
index 7a45a1222b..e51bebd35b 100644
--- a/blocks/blocks/serper.ts
+++ b/blocks/blocks/serper.ts
@@ -7,7 +7,7 @@ export const SerperBlock: BlockConfig<SearchResponse> = {
   toolbar: {
     title: 'Web Search',
     description: 'Search the web',
-    bgColor: '#4285F4', // Google blue
+    bgColor: '#2B3543',
     icon: SerperIcon,
     category: 'tools',
   },
diff --git a/components/icons.tsx b/components/icons.tsx
index 7cf8cb99c8..5d0a2e34c5 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -901,20 +901,12 @@ export function SalesforceIcon(props: SVGProps<SVGSVGElement>) {
 
 export function FirecrawlIcon(props: SVGProps<SVGSVGElement>) {
   return (
-    <svg
-      {...props}
-      width="24"
-      height="28"
-      viewBox="0 0 28 32"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M14 30C20.588 30 26 25.4318 26 19.5686C26 18.1294 25.916 16.5866 25.004 14.1884C24.092 11.7902 23.9088 11.4808 22.9448 9.9996C22.5328 13.0215 20.3288 14.2815 19.7688 14.6581C19.7688 14.2661 18.436 9.9352 16.4144 7.3431C14.4296 4.8 11.7304 3.1319 10.148 2C10.148 4.149 9.4576 7.3438 8.468 8.972C7.4792 10.5995 7.2936 10.659 6.0576 11.87C4.8216 13.081 4.2552 13.4555 3.2216 14.9255C2.188 16.3955 2 18.3534 2 19.7926C2 25.6558 7.412 30 14 30Z"
-        stroke="currentColor"
-        strokeWidth="3"
-        strokeLinejoin="round"
-      />
+    <svg viewBox="0 0 642 600" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path d="M301 63C299 91 303 122 298 149C295 158 289 165 283 169C274 172 266 170 261 167C253 176 248 183 244 191C230 226 226 263 226 301C216 310 203 317 192 310C179 295 175 277 174 259C161 273 153 288 146 304C141 321 138 336 137 352C140 372 145 388 152 402C161 421 174 435 187 449C181 462 165 453 157 450C158 454 161 458 165 461C195 490 231 500 268 509C240 494 211 471 195 442C179 413 172 378 180 344C191 353 200 362 211 364C223 365 232 361 236 353C247 274 299 214 323 143C322 136 327 140 329 142C354 165 367 191 375 218C387 254 381 294 379 329C393 345 413 334 424 329C429 342 432 352 429 362C427 378 417 388 413 400C422 407 433 403 440 400C432 423 419 442 404 460C383 483 358 501 335 512C379 502 420 491 449 459C443 458 427 464 428 452C443 437 464 423 472 403C482 383 485 362 484 339C482 307 472 280 458 254C459 267 452 276 445 284C434 289 426 279 424 272C415 247 424 220 418 198C415 179 405 165 397 150C370 114 336 86 303 64" fill="rgb(253,76,31)" />
+      <path d="M324 141C303 214 249 273 244 354C235 359 229 364 223 366C205 367 193 357 182 347C180 350 179 353 180 357C178 374 178 390 182 403C185 421 193 434 200 448C212 465 227 480 243 491C258 500 269 513 285 512C284 508 257 485 252 468C241 450 235 433 233 414C241 415 254 420 263 412C260 387 265 363 273 343C281 323 293 306 310 295C317 289 324 285 330 282C328 307 328 331 329 355C330 368 332 379 338 389C358 394 376 384 388 370C383 386 377 401 371 415C376 414 381 411 385 408C383 421 380 431 376 441C366 467 356 491 334 510C358 499 381 483 400 461C418 442 430 423 440 403C432 404 421 410 413 404C414 386 428 377 427 360C429 349 428 340 424 332C413 336 404 341 392 339C386 338 381 334 379 330C380 292 385 248 371 214C366 195 358 180 349 165C341 155 333 145 323 140" fill="rgb(254,156,69)" />
+      <path d="M330 284C309 293 289 311 279 332C267 356 261 383 265 411C256 420 242 418 235 412C237 438 245 459 258 479C269 493 281 507 295 513C288 495 265 472 265 446C272 447 281 454 288 444C296 425 303 407 309 388C317 406 321 427 336 443C346 449 358 446 363 438C355 464 348 489 334 511C344 501 352 491 357 480C370 457 379 435 385 412C380 411 376 416 371 418C376 401 382 386 387 371C379 382 369 388 358 391C348 394 337 392 334 383C324 353 328 316 330 285" fill="rgb(254,220,87)" />
+      <path d="M311 389C303 407 297 426 289 445C282 454 273 450 268 445C267 472 285 492 302 512C299 514 297 514 294 514C297 514 299 514 301 514C314 515 325 512 334 513C341 495 355 467 362 443C357 446 351 448 344 447C337 446 334 441 330 438C320 422 316 406 311 391" fill="rgb(251,250,202)" />
+      <path d="M187 163C188 181 167 187 164 203C158 215 158 228 159 241C172 233 183 221 188 209C193 194 192 178 188 166" fill="rgb(253,76,31)" />
     </svg>
   )
 }
@@ -1018,15 +1010,30 @@ export const GithubIcon = (props: SVGProps<SVGSVGElement>) => (
 )
 
 export const SerperIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm0-22.5c5.802 0 10.5 4.698 10.5 10.5s-4.698 10.5-10.5 10.5S1.5 17.802 1.5 12 6.198 1.5 12 1.5z" fill="currentColor" />
-    <path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm0-22.5c5.802 0 10.5 4.698 10.5 10.5s-4.698 10.5-10.5 10.5S1.5 17.802 1.5 12 6.198 1.5 12 1.5z" fill="currentColor" />
+  <svg viewBox="0 0 654 600" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M324 38C356 37 389 36 417 47C452 56 484 72 509 94C539 118 561 145 577 176C593 205 601 238 606 271C610 343 590 403 552 452C528 482 499 507 467 523C438 539 404 547 372 552C297 556 235 534 184 492C133 449 103 392 93 330C93 292 89 255 102 224C112 189 128 158 149 132C194 78 255 46 322 38" fill="rgb(71,97,118)" />
+    <path d="M326 39C286 43 250 55 217 75C185 94 156 120 137 150C100 204 87 266 95 336C107 402 142 462 198 502C249 538 309 556 378 551C415 545 449 533 477 516C511 497 535 472 557 445C592 393 611 333 605 265C595 196 563 140 511 95C484 73 452 57 419 48C390 38 359 38 327 39" fill="rgb(71,97,119)" />
+    <path d="M342 40C407 42 465 61 513 103C541 126 562 155 576 184C592 217 600 251 600 288C602 357 579 416 535 465C510 493 478 515 445 528C416 541 385 546 352 546C284 548 225 523 178 481C130 436 103 379 96 313C94 244 113 186 151 138C179 103 209 80 245 64C276 50 307 44 340 41" fill="rgb(71,97,119)" />
+    <path d="M344 42C309 44 277 51 247 64C209 81 180 103 153 136C114 186 95 244 96 312C104 379 131 435 177 480C225 522 284 547 351 546C385 545 416 540 443 528C478 514 509 492 533 466C578 416 601 357 600 289C599 251 591 217 576 187C561 156 541 127 515 105C466 63 409 44 346 41" fill="rgb(71,97,118)" />
+    <path d="M327 81C378 78 423 89 462 114C511 144 546 196 557 248C567 306 559 363 530 406C498 457 448 492 395 503C338 513 282 506 239 477C192 450 156 402 143 351C126 296 137 235 163 190C198 130 258 89 325 82" fill="rgb(44,56,71)" />
+    <path d="M329 83C260 89 199 129 165 189C138 235 127 296 144 349C157 401 193 449 237 475C282 505 338 512 393 503C448 491 497 457 529 408C558 363 566 306 557 250C545 196 511 145 464 116C424 91 380 79 330 82" fill="rgb(43,55,70)" />
+    <path d="M334 87C381 83 423 94 458 117C510 148 544 201 554 258C562 317 551 370 521 412C487 460 440 491 385 500C331 507 281 499 241 473C191 444 157 394 145 339C136 284 143 227 171 186C207 129 265 91 332 87" fill="rgb(41,53,67)" />
+    <path d="M335 88C267 90 208 129 173 184C144 227 137 284 145 338C158 393 191 443 240 471C281 498 331 506 384 500C439 490 487 459 519 413C550 370 561 317 554 259C543 201 509 149 460 119C424 96 383 85 337 88" fill="rgb(41,53,67)" />
+    <path d="M347 166C361 164 373 169 387 168C412 180 437 193 447 221C449 232 443 243 434 248C403 245 398 204 365 207C338 206 315 210 297 228C294 238 289 257 303 260C337 280 382 276 417 292C436 300 448 314 455 330C457 349 462 373 449 385C435 408 413 418 391 427C361 429 328 436 304 421C280 413 260 392 250 370C246 356 255 343 268 343C293 360 316 398 356 389C382 390 409 380 416 357C389 295 298 335 260 276C246 256 248 233 258 214C279 184 309 167 346 167" fill="rgb(121,172,205)" />
+    <path d="M349 168C312 167 280 183 259 212C249 233 247 256 260 274C299 334 390 294 422 354C409 381 382 391 357 389C316 399 293 361 272 342C255 344 247 356 251 368C260 391 280 412 302 420C328 435 361 428 389 428C412 417 434 407 447 386C461 373 456 349 456 332C428 270 351 289 304 262C288 258 293 239 295 229C314 209 338 204 363 204C398 203 403 244 431 249C443 242 448 232 449 222C436 193 412 181 388 172C374 170 363 166 350 167" fill="rgb(125,177,211)" />
+    <path d="M349 169C386 169 425 185 441 220C444 231 441 240 432 243C409 237 402 209 380 206C347 200 314 201 293 226C290 238 286 256 297 262C332 283 375 281 411 295C431 304 446 317 452 337C455 360 452 383 434 396C415 415 391 421 366 426C338 430 316 422 295 413C276 402 261 385 254 366C254 353 261 343 275 348C290 381 325 398 360 394C388 395 411 382 420 360C425 342 413 334 404 327C359 304 298 318 265 276C253 254 255 235 261 214C280 187 314 173 346 170" fill="rgb(137,195,233)" />
+    <path d="M349 171C316 173 281 187 263 214C256 235 254 254 266 273C300 316 359 304 401 325C413 333 426 342 422 358C412 382 388 396 363 395C326 399 290 382 278 348C262 345 254 353 253 365C261 384 277 401 292 411C316 421 338 429 365 426C390 420 415 414 432 398C451 383 454 360 453 338C445 317 430 305 413 296C375 282 332 284 299 264C285 257 288 239 291 228C304 212 319 205 336 202C378 193 403 213 423 244C438 244 443 232 441 222C425 186 388 171 352 170" fill="rgb(139,198,236)" />
   </svg>
 )
 
 export const TavilyIcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm0-22.5c5.802 0 10.5 4.698 10.5 10.5s-4.698 10.5-10.5 10.5S1.5 17.802 1.5 12 6.198 1.5 12 1.5z" fill="currentColor" />
-    <path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12zm0-22.5c5.802 0 10.5 4.698 10.5 10.5s-4.698 10.5-10.5 10.5S1.5 17.802 1.5 12 6.198 1.5 12 1.5z" fill="currentColor" />
+  <svg viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M432 291C415 294 418 313 417 326C380 328 342 327 306 328C316 344 312 368 301 381C339 384 377 383 414 384C419 393 415 404 419 412C424 419 431 422 437 421C554 393 539 314 425 290" fill="rgb(248,202,81)" />
+    <path d="M263 87C260 88 257 89 255 93C237 121 219 147 204 174C203 184 206 191 212 195C222 198 231 196 239 197C241 238 240 277 241 316C257 307 276 309 294 308C296 273 295 234 296 199C309 196 328 200 333 183C314 149 299 103 267 83" fill="rgb(109,164,249)" />
+    <path d="M314 356L316 354C386 355 457 354 527 355C504 385 469 400 440 421C431 421 424 418 421 411C415 402 420 389 416 383C384 371 284 406 312 358" fill="rgb(250,188,28)" />
+    <path d="M314 356C281 405 384 369 410 384C422 388 415 402 421 409C425 417 431 420 437 420C469 400 504 384 529 360C456 355 386 356 317 355" fill="rgb(251,186,23)" />
+    <path d="M264 325C271 325 290 329 283 339C236 384 186 436 139 482C133 481 133 477 131 474C133 477 133 481 135 482C174 490 213 472 250 466C261 447 246 435 235 426C254 406 271 389 289 372C303 352 287 324 266 326" fill="rgb(251,156,158)" />
+    <path d="M263 327C260 328 256 328 253 330C233 348 216 367 197 384C188 381 183 371 175 368C166 367 161 369 156 372C148 409 133 447 133 482C173 430 281 366 277 323" fill="rgb(248,56,63)" />
+    <path d="M258 326C235 341 218 365 198 382C186 376 176 360 161 368L160 369L157 369C149 378 150 391 146 401C150 391 149 379 157 370C174 359 185 376 195 385C219 365 238 337 262 325" fill="rgb(242,165,165)" />
   </svg>
-) 
+)