From c7e57cd3a2511d7c61d6411a0d1fa5debb63094a Mon Sep 17 00:00:00 2001
From: Fuegovic <32828263+fuegovic@users.noreply.github.com>
Date: Thu, 13 Jul 2023 21:36:44 -0400
Subject: [PATCH] update bing chat icon (#627)

* update bing chat icon

* add bing logo backup

* add BingIconBackup.jsx

---------

Co-authored-by: Danny Avila <110412045+danny-avila@users.noreply.github.com>
---
 client/src/components/svg/BingIcon.jsx       | 359 +++++++++++++------
 client/src/components/svg/BingIconBackup.jsx | 135 +++++++
 client/src/components/svg/BingJbIcon.jsx     | 279 ++++++++++++++
 client/src/components/svg/index.ts           |   1 +
 client/src/utils/getIcon.jsx                 |  12 +-
 5 files changed, 682 insertions(+), 104 deletions(-)
 create mode 100644 client/src/components/svg/BingIconBackup.jsx
 create mode 100644 client/src/components/svg/BingJbIcon.jsx

diff --git a/client/src/components/svg/BingIcon.jsx b/client/src/components/svg/BingIcon.jsx
index 124c44ad72..82c01ca375 100644
--- a/client/src/components/svg/BingIcon.jsx
+++ b/client/src/components/svg/BingIcon.jsx
@@ -1,135 +1,294 @@
 import React from 'react';
 
-export default function BingIcon({ size = 25 }) {
+export default function BingIcon() {
   return (
     <svg
-      width={size}
-      height={size}
-      viewBox="0 0 56 56"
-      fill="none"
+      width={32}
+      height={32}
+      viewBox="0 0 32 32"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clipPath="url(#clip0_36_2239)">
-        <path
-          d="M46.9982 35.9868C46.9982 36.5323 46.9689 37.0747 46.9103 37.6092C46.5619 40.8696 45.1683 43.8178 43.0701 46.098C43.3344 45.8007 43.5726 45.4815 43.7815 45.1397C43.9426 44.8799 44.086 44.6091 44.207 44.3266C44.251 44.2337 44.291 44.137 44.3242 44.041C44.3643 43.9481 44.3974 43.8514 44.4267 43.7554C44.4599 43.6664 44.4892 43.5736 44.5146 43.4807C44.54 43.3839 44.5662 43.2879 44.5878 43.1912C44.5917 43.1803 44.5955 43.1685 44.5986 43.1576C44.621 43.0609 44.6387 42.9649 44.6572 42.8681C44.6757 42.7682 44.6942 42.6675 44.7088 42.5677C44.7088 42.5638 44.7088 42.5638 44.7088 42.5606C44.7235 42.4678 44.7343 42.3749 44.742 42.2781C44.7643 42.0589 44.7751 41.8404 44.7751 41.6172C44.7751 40.3624 44.4336 39.1848 43.8363 38.1828C43.7006 37.9487 43.5503 37.7263 43.3853 37.5148C43.1911 37.262 42.9822 37.0247 42.7548 36.8054C42.1898 36.2522 41.5299 35.7988 40.8 35.4796C40.4847 35.3384 40.1548 35.2236 39.8172 35.1378C39.8133 35.1378 39.8064 35.1339 39.8025 35.1339L39.6853 35.0933L37.9764 34.4995V34.4956L33.5056 32.9395C33.491 32.9356 33.4725 32.9356 33.4617 32.9325L33.1826 32.8287C32.2838 32.4721 31.5392 31.8041 31.0736 30.9535L29.4418 26.7387L27.571 21.9114L27.2118 20.9796L27.1201 20.79C27.0175 20.5372 26.962 20.2625 26.962 19.9769C26.962 19.9027 26.962 19.8286 26.9697 19.7615C27.0761 18.6994 27.9672 17.8676 29.0456 17.8676C29.3316 17.8676 29.6068 17.9269 29.8565 18.0346L38.1876 22.3593L39.831 23.2099C40.7005 23.7336 41.5107 24.35 42.2514 25.0446C44.9362 27.5402 46.6968 31.0378 46.9612 34.9482C46.9836 35.2931 46.9982 35.638 46.9982 35.9868Z"
-          fill="url(#paint0_linear_36_2239)"
-        />
-        <path
-          d="M44.7717 41.6165C44.7717 42.0472 44.7316 42.4631 44.6576 42.8682C44.6353 42.9758 44.6137 43.0835 44.5883 43.1912C44.5405 43.384 44.4896 43.5697 44.4272 43.7554C44.394 43.8522 44.3609 43.9482 44.3246 44.041C44.2876 44.1378 44.2475 44.2307 44.2075 44.3267C44.0864 44.6092 43.9431 44.8799 43.782 45.1398C43.5731 45.4816 43.3341 45.8008 43.0705 46.0981C41.8564 47.4575 37.7333 49.8813 36.214 50.8661L32.8408 52.9528C30.3695 54.4948 28.0324 55.5858 25.087 55.6599C24.9475 55.6638 24.8119 55.6677 24.6762 55.6677C24.4858 55.6677 24.2985 55.6638 24.1112 55.6568C19.1231 55.464 14.7726 52.753 12.2643 48.7466C11.1165 46.9159 10.3573 44.8144 10.1006 42.5568C10.6394 45.6424 13.2957 47.9819 16.4977 47.9819C17.62 47.9819 18.673 47.6963 19.5933 47.1906C19.6003 47.1867 19.608 47.1828 19.6157 47.1797L19.9456 46.9791L21.2884 46.1769L22.9973 45.1523V45.1039L23.2178 44.9705L38.5095 35.7988L39.6866 35.0934L39.8037 35.134C39.8076 35.134 39.8145 35.1379 39.8184 35.1379C40.156 35.2229 40.4859 35.3384 40.8012 35.4797C41.5311 35.7988 42.191 36.2522 42.756 36.8055C42.9834 37.0248 43.1923 37.262 43.3865 37.5149C43.5515 37.7263 43.7018 37.9495 43.8375 38.1828C44.4302 39.1841 44.7717 40.3616 44.7717 41.6165Z"
-          fill="url(#paint1_linear_36_2239)"
-        />
-        <path
-          d="M23.0013 11.0082L22.9959 45.1507L21.287 46.1761L19.9434 46.9775L19.6127 47.1804C19.6073 47.1804 19.5973 47.1859 19.5927 47.1906C18.6708 47.6931 17.6178 47.9826 16.4947 47.9826C13.2919 47.9826 10.6403 45.6431 10.0984 42.5575C10.0729 42.4155 10.0537 42.268 10.0383 42.126C10.0182 41.8568 10.0036 41.593 9.99817 41.3238V2.8986C9.99817 1.68591 10.971 0.696411 12.1734 0.696411C12.6244 0.696411 13.0453 0.838438 13.3914 1.07177L20.0428 5.47146C20.0783 5.5019 20.1176 5.52765 20.1585 5.55262C21.8782 6.74034 23.0013 8.73963 23.0013 11.0082Z"
-          fill="url(#paint2_linear_36_2239)"
-        />
-        <path
-          opacity="0.15"
-          d="M44.7717 41.6165C44.7717 42.0472 44.7316 42.4631 44.6576 42.8682C44.6353 42.9758 44.6137 43.0835 44.5883 43.1912C44.5405 43.384 44.4896 43.5697 44.4272 43.7554C44.394 43.8522 44.3609 43.9482 44.3246 44.041C44.2876 44.1378 44.2475 44.2307 44.2075 44.3267C44.0864 44.6092 43.9431 44.8799 43.782 45.1398C43.5731 45.4816 43.3349 45.8008 43.0705 46.0981C41.8564 47.4575 37.7333 49.8813 36.214 50.8661L32.8408 52.9528C30.3695 54.4948 28.0324 55.5858 25.087 55.6599C24.9475 55.6638 24.8119 55.6677 24.6762 55.6677C24.4858 55.6677 24.2985 55.6638 24.1112 55.6568C19.1231 55.464 14.7726 52.753 12.2643 48.7466C11.1165 46.9159 10.3573 44.8144 10.1006 42.5568C10.6394 45.6424 13.2957 47.9819 16.4977 47.9819C17.62 47.9819 18.673 47.6963 19.5933 47.1906C19.6003 47.1867 19.608 47.1828 19.6157 47.1797L19.9456 46.9791L21.2884 46.1769L22.9973 45.1523V45.1039L23.2178 44.9705L38.5095 35.7988L39.6866 35.0934L39.8037 35.134C39.8076 35.134 39.8145 35.1379 39.8184 35.1379C40.156 35.2229 40.4859 35.3384 40.8012 35.4797C41.5311 35.7988 42.191 36.2522 42.756 36.8055C42.9834 37.0248 43.1923 37.262 43.3865 37.5149C43.5515 37.7263 43.7018 37.9495 43.8375 38.1828C44.4302 39.1841 44.7717 40.3616 44.7717 41.6165Z"
-          fill="url(#paint3_linear_36_2239)"
-        />
-        <path
-          opacity="0.1"
-          d="M23.0013 11.0082L22.9959 45.1507L21.287 46.1761L19.9434 46.9775L19.6127 47.1804C19.6073 47.1804 19.5973 47.1859 19.5927 47.1906C18.6708 47.6931 17.6178 47.9826 16.4947 47.9826C13.2919 47.9826 10.6403 45.6431 10.0984 42.5575C10.0729 42.4155 10.0537 42.268 10.0383 42.126C10.0182 41.8568 10.0036 41.593 9.99817 41.3238V2.8986C9.99817 1.68591 10.971 0.696411 12.1734 0.696411C12.6244 0.696411 13.0453 0.838438 13.3914 1.07177L20.0428 5.47146C20.0783 5.5019 20.1176 5.52765 20.1585 5.55262C21.8782 6.74034 23.0013 8.73963 23.0013 11.0082Z"
-          fill="url(#paint4_linear_36_2239)"
-        />
-      </g>
       <defs>
         <linearGradient
-          id="paint0_linear_36_2239"
-          x1="24.061"
-          y1="24.49"
-          x2="48.0304"
-          y2="38.1597"
+          id="a"
+          x1={22}
+          x2={22}
+          y1={2}
+          y2={38}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#F9F9F9" />
+          <stop
+            offset={1}
+            stopColor="#EDF0F9"
+            style={{
+              stopColor: '#000',
+              stopOpacity: 1,
+            }}
+          />
+        </linearGradient>
+        <linearGradient
+          id="b"
+          x1={4.137}
+          x2={44.564}
+          y1={44.75}
+          y2={38.792}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.108} stopColor="#1D6CF2" />
+          <stop offset={0.871} stopColor="#1B4AEF" />
+        </linearGradient>
+        <linearGradient
+          id="g"
+          x1={21.172}
+          x2={30.46}
+          y1={18.646}
+          y2={23.99}
           gradientUnits="userSpaceOnUse"
         >
           <stop stopColor="#37BDFF" />
-          <stop offset="0.1832" stopColor="#33BFFD" />
-          <stop offset="0.3576" stopColor="#28C5F5" />
-          <stop offset="0.528" stopColor="#15D0E9" />
-          <stop offset="0.5468" stopColor="#12D1E7" />
-          <stop offset="0.5903" stopColor="#1CD2E5" />
-          <stop offset="0.7679" stopColor="#42D8DC" />
-          <stop offset="0.9107" stopColor="#59DBD6" />
-          <stop offset="1" stopColor="#62DCD4" />
+          <stop offset={0.183} stopColor="#33BFFD" />
+          <stop offset={0.358} stopColor="#28C5F5" />
+          <stop offset={0.528} stopColor="#15D0E9" />
+          <stop offset={0.547} stopColor="#12D1E7" />
+          <stop offset={0.59} stopColor="#1CD2E5" />
+          <stop offset={0.768} stopColor="#42D8DC" />
+          <stop offset={0.911} stopColor="#59DBD6" />
+          <stop offset={1} stopColor="#62DCD4" />
         </linearGradient>
         <linearGradient
-          id="paint1_linear_36_2239"
-          x1="10.099"
-          y1="45.3798"
-          x2="44.7715"
-          y2="45.3798"
+          id="h"
+          x1={15.739}
+          x2={29.233}
+          y1={26.703}
+          y2={26.703}
           gradientUnits="userSpaceOnUse"
         >
           <stop stopColor="#39D2FF" />
-          <stop offset="0.1501" stopColor="#38CEFE" />
-          <stop offset="0.2931" stopColor="#35C3FA" />
-          <stop offset="0.4327" stopColor="#2FB0F3" />
-          <stop offset="0.5468" stopColor="#299AEB" />
-          <stop offset="0.5827" stopColor="#2692EC" />
-          <stop offset="0.7635" stopColor="#1A6CF1" />
-          <stop offset="0.909" stopColor="#1355F4" />
-          <stop offset="1" stopColor="#104CF5" />
+          <stop offset={0.15} stopColor="#38CEFE" />
+          <stop offset={0.293} stopColor="#35C3FA" />
+          <stop offset={0.433} stopColor="#2FB0F3" />
+          <stop offset={0.547} stopColor="#299AEB" />
+          <stop offset={0.583} stopColor="#2692EC" />
+          <stop offset={0.763} stopColor="#1A6CF1" />
+          <stop offset={0.909} stopColor="#1355F4" />
+          <stop offset={1} stopColor="#104CF5" />
         </linearGradient>
         <linearGradient
-          id="paint2_linear_36_2239"
-          x1="16.4996"
-          y1="48.4653"
-          x2="16.4996"
-          y2="1.52914"
+          id="i"
+          x1={18.23}
+          x2={18.23}
+          y1={27.894}
+          y2={9.79}
           gradientUnits="userSpaceOnUse"
         >
           <stop stopColor="#1B48EF" />
-          <stop offset="0.1221" stopColor="#1C51F0" />
-          <stop offset="0.3212" stopColor="#1E69F5" />
-          <stop offset="0.5676" stopColor="#2190FB" />
-          <stop offset="1" stopColor="#26B8F4" />
+          <stop offset={0.122} stopColor="#1C51F0" />
+          <stop offset={0.321} stopColor="#1E69F5" />
+          <stop offset={0.568} stopColor="#2190FB" />
+          <stop offset={1} stopColor="#26B8F4" />
         </linearGradient>
         <linearGradient
-          id="paint3_linear_36_2239"
-          x1="16.9908"
-          y1="54.0427"
-          x2="38.6508"
-          y2="32.6475"
+          id="j"
+          x1={18.421}
+          x2={26.776}
+          y1={30.045}
+          y2={21.718}
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="white" />
-          <stop offset="0.3726" stopColor="#FDFDFD" />
-          <stop offset="0.5069" stopColor="#F6F6F6" />
-          <stop offset="0.6026" stopColor="#EBEBEB" />
-          <stop offset="0.68" stopColor="#DADADA" />
-          <stop offset="0.7463" stopColor="#C4C4C4" />
-          <stop offset="0.805" stopColor="#A8A8A8" />
-          <stop offset="0.8581" stopColor="#888888" />
-          <stop offset="0.9069" stopColor="#626262" />
-          <stop offset="0.9523" stopColor="#373737" />
-          <stop offset="0.9926" stopColor="#090909" />
-          <stop offset="1" />
+          <stop stopColor="#fff" />
+          <stop offset={0.373} stopColor="#FDFDFD" />
+          <stop offset={0.507} stopColor="#F6F6F6" />
+          <stop offset={0.603} stopColor="#EBEBEB" />
+          <stop offset={0.68} stopColor="#DADADA" />
+          <stop offset={0.746} stopColor="#C4C4C4" />
+          <stop offset={0.805} stopColor="#A8A8A8" />
+          <stop offset={0.858} stopColor="#888" />
+          <stop offset={0.907} stopColor="#626262" />
+          <stop offset={0.952} stopColor="#373737" />
+          <stop offset={0.993} stopColor="#090909" />
+          <stop offset={1} />
         </linearGradient>
         <linearGradient
-          id="paint4_linear_36_2239"
-          x1="16.4996"
-          y1="0.696411"
-          x2="16.4996"
-          y2="47.9822"
+          id="k"
+          x1={18.23}
+          x2={18.23}
+          y1={9.469}
+          y2={27.707}
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="white" />
-          <stop offset="0.3726" stopColor="#FDFDFD" />
-          <stop offset="0.5069" stopColor="#F6F6F6" />
-          <stop offset="0.6026" stopColor="#EBEBEB" />
-          <stop offset="0.68" stopColor="#DADADA" />
-          <stop offset="0.7463" stopColor="#C4C4C4" />
-          <stop offset="0.805" stopColor="#A8A8A8" />
-          <stop offset="0.8581" stopColor="#888888" />
-          <stop offset="0.9069" stopColor="#626262" />
-          <stop offset="0.9523" stopColor="#373737" />
-          <stop offset="0.9926" stopColor="#090909" />
-          <stop offset="1" />
+          <stop stopColor="#fff" />
+          <stop offset={0.373} stopColor="#FDFDFD" />
+          <stop offset={0.507} stopColor="#F6F6F6" />
+          <stop offset={0.603} stopColor="#EBEBEB" />
+          <stop offset={0.68} stopColor="#DADADA" />
+          <stop offset={0.746} stopColor="#C4C4C4" />
+          <stop offset={0.805} stopColor="#A8A8A8" />
+          <stop offset={0.858} stopColor="#888" />
+          <stop offset={0.907} stopColor="#626262" />
+          <stop offset={0.952} stopColor="#373737" />
+          <stop offset={0.993} stopColor="#090909" />
+          <stop offset={1} />
         </linearGradient>
-        <clipPath id="clip0_36_2239">
-          <rect width="37" height="56" fill="white" transform="translate(10)"></rect>
+        <radialGradient
+          id="c"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientTransform="rotate(14.036 -132.013 71.177) scale(31.8068)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#0B31A3" />
+          <stop offset={1} stopColor="#39A0ED" />
+        </radialGradient>
+        <radialGradient
+          id="d"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientTransform="rotate(-140.774 10.754 4.54) scale(20.3315)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00FFF3" stopOpacity={0.77} />
+          <stop offset={0.423} stopColor="#00FFF3" stopOpacity={0.72} />
+          <stop offset={1} stopColor="#5BDCD6" stopOpacity={0} />
+        </radialGradient>
+        <clipPath id="e">
+          <path fill="#fff" d="M11.2 9.2h21.6v21.6H11.2Z" />
         </clipPath>
+        <filter
+          id="f"
+          width={21.6}
+          height={24.3}
+          x={11.2}
+          y={9.2}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy={2.7} />
+          <feGaussianBlur stdDeviation={4.388} />
+          <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0.81875 0 0 0 0 0.824081 0 0 0 0 1 0 0 0 0.37 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1360_20280" />
+        </filter>
       </defs>
+      <path
+        fill="url(#a)"
+        d="M16 .005C24.836.005 32 7.166 32 16s-7.164 15.996-16 15.996c-1.779 0-3.516-.292-5.158-.85-1.509-.513-3.127-.754-4.669-.353l-4.468 1.163a1.36 1.36 0 0 1-1.66-1.659l1.162-4.46c.402-1.543.16-3.163-.355-4.673A15.982 15.98 0 0 1 0 16C0 7.166 7.164.005 16 .005Z"
+        style={{
+          display: 'inline',
+          fill: '#000',
+          fillOpacity: 0.849858,
+          strokeWidth: 0.888825,
+        }}
+      />
+      <path
+        fill="url(#a)"
+        d="M16.073.44c8.554 0 15.488 6.943 15.488 15.509s-6.934 15.51-15.488 15.51a15.47 15.47 0 0 1-4.993-.824c-1.46-.498-3.027-.731-4.519-.342l-4.325 1.128a1.316 1.319 0 0 1-1.607-1.609l1.125-4.324c.389-1.497.155-3.068-.344-4.532a15.47 15.495 0 0 1-.825-5.007C.585 7.383 7.52.439 16.073.439z"
+        style={{
+          display: 'inline',
+          fill: '#fff',
+          fillOpacity: 1,
+          strokeWidth: 0.861109,
+        }}
+      />
+      <g
+        style={{
+          display: 'inline',
+        }}
+        strokeWidth={1.5}
+      >
+        <path
+          stroke="url(#b)"
+          d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z"
+          style={{
+            display: 'inline',
+            fill: 'none',
+            stroke: 'url(#b)',
+          }}
+          transform="matrix(.88887 0 0 .88875 -3.556 -1.773)"
+        />
+        <path
+          stroke="url(#c)"
+          strokeOpacity={0.6}
+          d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z"
+          style={{
+            display: 'inline',
+            fill: 'none',
+            stroke: 'url(#c)',
+          }}
+          transform="matrix(.88887 0 0 .88875 -3.556 -1.773)"
+        />
+        <path
+          stroke="url(#d)"
+          strokeOpacity={0.8}
+          d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z"
+          style={{
+            display: 'inline',
+            fill: 'none',
+            stroke: 'url(#d)',
+          }}
+          transform="matrix(.88887 0 0 .88875 -3.556 -1.773)"
+        />
+      </g>
+      <g
+        clipPath="url(#e)"
+        filter="url(#f)"
+        transform="matrix(.88889 0 0 .88876 -3.555 -1.773)"
+        style={{
+          fill: 'none',
+        }}
+      >
+        <path
+          fill="url(#g)"
+          d="M30.1 23.08a5.706 5.706 0 0 1-1.529 3.9 2.582 2.582 0 0 0 .562-1.009c.01-.037.02-.074.028-.112a.244.244 0 0 0 .004-.013c.01-.037.016-.074.023-.111.007-.039.015-.078.02-.116v-.003a2.48 2.48 0 0 0 .026-.364 2.563 2.563 0 0 0-.786-1.856 2.55 2.55 0 0 0-1.143-.643l-.006-.001-.046-.016-.665-.23-1.74-.6c-.006-.002-.013-.002-.017-.004l-.109-.04a1.616 1.616 0 0 1-.82-.723l-.636-1.626-.727-1.862-.14-.359-.036-.073a.826.826 0 0 1-.061-.314c0-.028 0-.057.003-.083a.814.814 0 0 1 1.123-.666l3.242 1.668.64.328c.338.202.654.44.942.708a5.715 5.715 0 0 1 1.847 4.22z"
+          style={{
+            display: 'inline',
+            fill: 'url(#g)',
+          }}
+        />
+        <path
+          fill="url(#h)"
+          d="M29.233 25.252c0 .166-.016.326-.045.483a2.747 2.747 0 0 1-.13.452c-.014.037-.03.073-.045.11a2.61 2.61 0 0 1-.443.683c-.472.525-2.076 1.46-2.668 1.84l-1.313.805c-.961.594-1.87 1.015-3.017 1.044l-.16.003a5.71 5.71 0 0 1-4.83-2.67 5.666 5.666 0 0 1-.843-2.387 2.53 2.53 0 0 0 3.703 1.783l.129-.078.522-.31.666-.394v-.019l.085-.051 5.952-3.538.458-.272.045.015.006.002a2.55 2.55 0 0 1 1.389.917 2.577 2.577 0 0 1 .54 1.582z"
+          style={{
+            display: 'inline',
+            fill: 'url(#h)',
+          }}
+        />
+        <path
+          fill="url(#i)"
+          d="m20.76 13.446-.002 13.17-.665.395-.523.309-.129.078-.008.004a2.528 2.528 0 0 1-3.734-2.263V10.318a.849.849 0 0 1 1.32-.705l2.59 1.697c.013.012.029.022.045.032a2.543 2.543 0 0 1 1.106 2.104z"
+          style={{
+            display: 'inline',
+            fill: 'url(#i)',
+          }}
+        />
+        <path
+          fill="url(#j)"
+          d="M29.233 25.252c0 .166-.016.326-.045.483a2.747 2.747 0 0 1-.13.452c-.014.037-.03.073-.045.11a2.587 2.587 0 0 1-.443.683c-.472.525-2.076 1.46-2.668 1.84l-1.313.805c-.961.594-1.87 1.015-3.017 1.044l-.16.003a5.71 5.71 0 0 1-4.83-2.67 5.666 5.666 0 0 1-.843-2.387 2.53 2.53 0 0 0 3.703 1.783l.129-.078.522-.31.666-.394v-.019l.085-.051 5.952-3.538.458-.272.045.015.006.002a2.55 2.55 0 0 1 1.389.917 2.577 2.577 0 0 1 .54 1.582z"
+          opacity={0.15}
+          style={{
+            display: 'inline',
+            fill: 'url(#j)',
+          }}
+        />
+        <path
+          fill="url(#k)"
+          d="m20.76 13.446-.002 13.17-.665.395-.523.309-.129.078-.008.004a2.528 2.528 0 0 1-3.734-2.263V10.318a.849.849 0 0 1 1.32-.705l2.59 1.697c.013.012.029.022.045.032a2.543 2.543 0 0 1 1.106 2.104z"
+          opacity={0.1}
+          style={{
+            display: 'inline',
+            fill: 'url(#k)',
+          }}
+        />
+      </g>
     </svg>
   );
 }
diff --git a/client/src/components/svg/BingIconBackup.jsx b/client/src/components/svg/BingIconBackup.jsx
new file mode 100644
index 0000000000..d1f4fa73c8
--- /dev/null
+++ b/client/src/components/svg/BingIconBackup.jsx
@@ -0,0 +1,135 @@
+import React from 'react';
+
+export default function BingIcon({ size = 25 }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 56 56"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_36_2239)">
+        <path
+          d="M46.9982 35.9868C46.9982 36.5323 46.9689 37.0747 46.9103 37.6092C46.5619 40.8696 45.1683 43.8178 43.0701 46.098C43.3344 45.8007 43.5726 45.4815 43.7815 45.1397C43.9426 44.8799 44.086 44.6091 44.207 44.3266C44.251 44.2337 44.291 44.137 44.3242 44.041C44.3643 43.9481 44.3974 43.8514 44.4267 43.7554C44.4599 43.6664 44.4892 43.5736 44.5146 43.4807C44.54 43.3839 44.5662 43.2879 44.5878 43.1912C44.5917 43.1803 44.5955 43.1685 44.5986 43.1576C44.621 43.0609 44.6387 42.9649 44.6572 42.8681C44.6757 42.7682 44.6942 42.6675 44.7088 42.5677C44.7088 42.5638 44.7088 42.5638 44.7088 42.5606C44.7235 42.4678 44.7343 42.3749 44.742 42.2781C44.7643 42.0589 44.7751 41.8404 44.7751 41.6172C44.7751 40.3624 44.4336 39.1848 43.8363 38.1828C43.7006 37.9487 43.5503 37.7263 43.3853 37.5148C43.1911 37.262 42.9822 37.0247 42.7548 36.8054C42.1898 36.2522 41.5299 35.7988 40.8 35.4796C40.4847 35.3384 40.1548 35.2236 39.8172 35.1378C39.8133 35.1378 39.8064 35.1339 39.8025 35.1339L39.6853 35.0933L37.9764 34.4995V34.4956L33.5056 32.9395C33.491 32.9356 33.4725 32.9356 33.4617 32.9325L33.1826 32.8287C32.2838 32.4721 31.5392 31.8041 31.0736 30.9535L29.4418 26.7387L27.571 21.9114L27.2118 20.9796L27.1201 20.79C27.0175 20.5372 26.962 20.2625 26.962 19.9769C26.962 19.9027 26.962 19.8286 26.9697 19.7615C27.0761 18.6994 27.9672 17.8676 29.0456 17.8676C29.3316 17.8676 29.6068 17.9269 29.8565 18.0346L38.1876 22.3593L39.831 23.2099C40.7005 23.7336 41.5107 24.35 42.2514 25.0446C44.9362 27.5402 46.6968 31.0378 46.9612 34.9482C46.9836 35.2931 46.9982 35.638 46.9982 35.9868Z"
+          fill="url(#paint0_linear_36_2239)"
+        />
+        <path
+          d="M44.7717 41.6165C44.7717 42.0472 44.7316 42.4631 44.6576 42.8682C44.6353 42.9758 44.6137 43.0835 44.5883 43.1912C44.5405 43.384 44.4896 43.5697 44.4272 43.7554C44.394 43.8522 44.3609 43.9482 44.3246 44.041C44.2876 44.1378 44.2475 44.2307 44.2075 44.3267C44.0864 44.6092 43.9431 44.8799 43.782 45.1398C43.5731 45.4816 43.3341 45.8008 43.0705 46.0981C41.8564 47.4575 37.7333 49.8813 36.214 50.8661L32.8408 52.9528C30.3695 54.4948 28.0324 55.5858 25.087 55.6599C24.9475 55.6638 24.8119 55.6677 24.6762 55.6677C24.4858 55.6677 24.2985 55.6638 24.1112 55.6568C19.1231 55.464 14.7726 52.753 12.2643 48.7466C11.1165 46.9159 10.3573 44.8144 10.1006 42.5568C10.6394 45.6424 13.2957 47.9819 16.4977 47.9819C17.62 47.9819 18.673 47.6963 19.5933 47.1906C19.6003 47.1867 19.608 47.1828 19.6157 47.1797L19.9456 46.9791L21.2884 46.1769L22.9973 45.1523V45.1039L23.2178 44.9705L38.5095 35.7988L39.6866 35.0934L39.8037 35.134C39.8076 35.134 39.8145 35.1379 39.8184 35.1379C40.156 35.2229 40.4859 35.3384 40.8012 35.4797C41.5311 35.7988 42.191 36.2522 42.756 36.8055C42.9834 37.0248 43.1923 37.262 43.3865 37.5149C43.5515 37.7263 43.7018 37.9495 43.8375 38.1828C44.4302 39.1841 44.7717 40.3616 44.7717 41.6165Z"
+          fill="url(#paint1_linear_36_2239)"
+        />
+        <path
+          d="M23.0013 11.0082L22.9959 45.1507L21.287 46.1761L19.9434 46.9775L19.6127 47.1804C19.6073 47.1804 19.5973 47.1859 19.5927 47.1906C18.6708 47.6931 17.6178 47.9826 16.4947 47.9826C13.2919 47.9826 10.6403 45.6431 10.0984 42.5575C10.0729 42.4155 10.0537 42.268 10.0383 42.126C10.0182 41.8568 10.0036 41.593 9.99817 41.3238V2.8986C9.99817 1.68591 10.971 0.696411 12.1734 0.696411C12.6244 0.696411 13.0453 0.838438 13.3914 1.07177L20.0428 5.47146C20.0783 5.5019 20.1176 5.52765 20.1585 5.55262C21.8782 6.74034 23.0013 8.73963 23.0013 11.0082Z"
+          fill="url(#paint2_linear_36_2239)"
+        />
+        <path
+          opacity="0.15"
+          d="M44.7717 41.6165C44.7717 42.0472 44.7316 42.4631 44.6576 42.8682C44.6353 42.9758 44.6137 43.0835 44.5883 43.1912C44.5405 43.384 44.4896 43.5697 44.4272 43.7554C44.394 43.8522 44.3609 43.9482 44.3246 44.041C44.2876 44.1378 44.2475 44.2307 44.2075 44.3267C44.0864 44.6092 43.9431 44.8799 43.782 45.1398C43.5731 45.4816 43.3349 45.8008 43.0705 46.0981C41.8564 47.4575 37.7333 49.8813 36.214 50.8661L32.8408 52.9528C30.3695 54.4948 28.0324 55.5858 25.087 55.6599C24.9475 55.6638 24.8119 55.6677 24.6762 55.6677C24.4858 55.6677 24.2985 55.6638 24.1112 55.6568C19.1231 55.464 14.7726 52.753 12.2643 48.7466C11.1165 46.9159 10.3573 44.8144 10.1006 42.5568C10.6394 45.6424 13.2957 47.9819 16.4977 47.9819C17.62 47.9819 18.673 47.6963 19.5933 47.1906C19.6003 47.1867 19.608 47.1828 19.6157 47.1797L19.9456 46.9791L21.2884 46.1769L22.9973 45.1523V45.1039L23.2178 44.9705L38.5095 35.7988L39.6866 35.0934L39.8037 35.134C39.8076 35.134 39.8145 35.1379 39.8184 35.1379C40.156 35.2229 40.4859 35.3384 40.8012 35.4797C41.5311 35.7988 42.191 36.2522 42.756 36.8055C42.9834 37.0248 43.1923 37.262 43.3865 37.5149C43.5515 37.7263 43.7018 37.9495 43.8375 38.1828C44.4302 39.1841 44.7717 40.3616 44.7717 41.6165Z"
+          fill="url(#paint3_linear_36_2239)"
+        />
+        <path
+          opacity="0.1"
+          d="M23.0013 11.0082L22.9959 45.1507L21.287 46.1761L19.9434 46.9775L19.6127 47.1804C19.6073 47.1804 19.5973 47.1859 19.5927 47.1906C18.6708 47.6931 17.6178 47.9826 16.4947 47.9826C13.2919 47.9826 10.6403 45.6431 10.0984 42.5575C10.0729 42.4155 10.0537 42.268 10.0383 42.126C10.0182 41.8568 10.0036 41.593 9.99817 41.3238V2.8986C9.99817 1.68591 10.971 0.696411 12.1734 0.696411C12.6244 0.696411 13.0453 0.838438 13.3914 1.07177L20.0428 5.47146C20.0783 5.5019 20.1176 5.52765 20.1585 5.55262C21.8782 6.74034 23.0013 8.73963 23.0013 11.0082Z"
+          fill="url(#paint4_linear_36_2239)"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_36_2239"
+          x1="24.061"
+          y1="24.49"
+          x2="48.0304"
+          y2="38.1597"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#37BDFF" />
+          <stop offset="0.1832" stopColor="#33BFFD" />
+          <stop offset="0.3576" stopColor="#28C5F5" />
+          <stop offset="0.528" stopColor="#15D0E9" />
+          <stop offset="0.5468" stopColor="#12D1E7" />
+          <stop offset="0.5903" stopColor="#1CD2E5" />
+          <stop offset="0.7679" stopColor="#42D8DC" />
+          <stop offset="0.9107" stopColor="#59DBD6" />
+          <stop offset="1" stopColor="#62DCD4" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_36_2239"
+          x1="10.099"
+          y1="45.3798"
+          x2="44.7715"
+          y2="45.3798"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#39D2FF" />
+          <stop offset="0.1501" stopColor="#38CEFE" />
+          <stop offset="0.2931" stopColor="#35C3FA" />
+          <stop offset="0.4327" stopColor="#2FB0F3" />
+          <stop offset="0.5468" stopColor="#299AEB" />
+          <stop offset="0.5827" stopColor="#2692EC" />
+          <stop offset="0.7635" stopColor="#1A6CF1" />
+          <stop offset="0.909" stopColor="#1355F4" />
+          <stop offset="1" stopColor="#104CF5" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_36_2239"
+          x1="16.4996"
+          y1="48.4653"
+          x2="16.4996"
+          y2="1.52914"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#1B48EF" />
+          <stop offset="0.1221" stopColor="#1C51F0" />
+          <stop offset="0.3212" stopColor="#1E69F5" />
+          <stop offset="0.5676" stopColor="#2190FB" />
+          <stop offset="1" stopColor="#26B8F4" />
+        </linearGradient>
+        <linearGradient
+          id="paint3_linear_36_2239"
+          x1="16.9908"
+          y1="54.0427"
+          x2="38.6508"
+          y2="32.6475"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="white" />
+          <stop offset="0.3726" stopColor="#FDFDFD" />
+          <stop offset="0.5069" stopColor="#F6F6F6" />
+          <stop offset="0.6026" stopColor="#EBEBEB" />
+          <stop offset="0.68" stopColor="#DADADA" />
+          <stop offset="0.7463" stopColor="#C4C4C4" />
+          <stop offset="0.805" stopColor="#A8A8A8" />
+          <stop offset="0.8581" stopColor="#888888" />
+          <stop offset="0.9069" stopColor="#626262" />
+          <stop offset="0.9523" stopColor="#373737" />
+          <stop offset="0.9926" stopColor="#090909" />
+          <stop offset="1" />
+        </linearGradient>
+        <linearGradient
+          id="paint4_linear_36_2239"
+          x1="16.4996"
+          y1="0.696411"
+          x2="16.4996"
+          y2="47.9822"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="white" />
+          <stop offset="0.3726" stopColor="#FDFDFD" />
+          <stop offset="0.5069" stopColor="#F6F6F6" />
+          <stop offset="0.6026" stopColor="#EBEBEB" />
+          <stop offset="0.68" stopColor="#DADADA" />
+          <stop offset="0.7463" stopColor="#C4C4C4" />
+          <stop offset="0.805" stopColor="#A8A8A8" />
+          <stop offset="0.8581" stopColor="#888888" />
+          <stop offset="0.9069" stopColor="#626262" />
+          <stop offset="0.9523" stopColor="#373737" />
+          <stop offset="0.9926" stopColor="#090909" />
+          <stop offset="1" />
+        </linearGradient>
+        <clipPath id="clip0_36_2239">
+          <rect width="37" height="56" fill="white" transform="translate(10)"></rect>
+        </clipPath>
+      </defs>
+    </svg>
+  );
+}
diff --git a/client/src/components/svg/BingJbIcon.jsx b/client/src/components/svg/BingJbIcon.jsx
new file mode 100644
index 0000000000..e7530bec7e
--- /dev/null
+++ b/client/src/components/svg/BingJbIcon.jsx
@@ -0,0 +1,279 @@
+import React from 'react';
+
+export default function BingIcon() {
+  return (
+    <svg
+      width={32}
+      height={32}
+      viewBox="0 0 32 32"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <defs>
+        <linearGradient
+          id="a"
+          x1={22}
+          x2={22}
+          y1={2}
+          y2={38}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#F9F9F9" />
+          <stop
+            offset={1}
+            stopColor="#EDF0F9"
+            style={{
+              stopColor: '#000',
+              stopOpacity: 1,
+            }}
+          />
+        </linearGradient>
+        <linearGradient
+          id="b"
+          x1={4.137}
+          x2={44.564}
+          y1={44.75}
+          y2={38.792}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.108} stopColor="#1D6CF2" />
+          <stop offset={0.871} stopColor="#1B4AEF" />
+        </linearGradient>
+        <linearGradient
+          id="g"
+          x1={21.172}
+          x2={30.46}
+          y1={18.646}
+          y2={23.99}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#37BDFF" />
+          <stop offset={0.183} stopColor="#33BFFD" />
+          <stop offset={0.358} stopColor="#28C5F5" />
+          <stop offset={0.528} stopColor="#15D0E9" />
+          <stop offset={0.547} stopColor="#12D1E7" />
+          <stop offset={0.59} stopColor="#1CD2E5" />
+          <stop offset={0.768} stopColor="#42D8DC" />
+          <stop offset={0.911} stopColor="#59DBD6" />
+          <stop offset={1} stopColor="#62DCD4" />
+        </linearGradient>
+        <linearGradient
+          id="h"
+          x1={15.739}
+          x2={29.233}
+          y1={26.703}
+          y2={26.703}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#39D2FF" />
+          <stop offset={0.15} stopColor="#38CEFE" />
+          <stop offset={0.293} stopColor="#35C3FA" />
+          <stop offset={0.433} stopColor="#2FB0F3" />
+          <stop offset={0.547} stopColor="#299AEB" />
+          <stop offset={0.583} stopColor="#2692EC" />
+          <stop offset={0.763} stopColor="#1A6CF1" />
+          <stop offset={0.909} stopColor="#1355F4" />
+          <stop offset={1} stopColor="#104CF5" />
+        </linearGradient>
+        <linearGradient
+          id="i"
+          x1={18.23}
+          x2={18.23}
+          y1={27.894}
+          y2={9.79}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#1B48EF" />
+          <stop offset={0.122} stopColor="#1C51F0" />
+          <stop offset={0.321} stopColor="#1E69F5" />
+          <stop offset={0.568} stopColor="#2190FB" />
+          <stop offset={1} stopColor="#26B8F4" />
+        </linearGradient>
+        <linearGradient
+          id="j"
+          x1={18.421}
+          x2={26.776}
+          y1={30.045}
+          y2={21.718}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff" />
+          <stop offset={0.373} stopColor="#FDFDFD" />
+          <stop offset={0.507} stopColor="#F6F6F6" />
+          <stop offset={0.603} stopColor="#EBEBEB" />
+          <stop offset={0.68} stopColor="#DADADA" />
+          <stop offset={0.746} stopColor="#C4C4C4" />
+          <stop offset={0.805} stopColor="#A8A8A8" />
+          <stop offset={0.858} stopColor="#888" />
+          <stop offset={0.907} stopColor="#626262" />
+          <stop offset={0.952} stopColor="#373737" />
+          <stop offset={0.993} stopColor="#090909" />
+          <stop offset={1} />
+        </linearGradient>
+        <linearGradient
+          id="k"
+          x1={18.23}
+          x2={18.23}
+          y1={9.469}
+          y2={27.707}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff" />
+          <stop offset={0.373} stopColor="#FDFDFD" />
+          <stop offset={0.507} stopColor="#F6F6F6" />
+          <stop offset={0.603} stopColor="#EBEBEB" />
+          <stop offset={0.68} stopColor="#DADADA" />
+          <stop offset={0.746} stopColor="#C4C4C4" />
+          <stop offset={0.805} stopColor="#A8A8A8" />
+          <stop offset={0.858} stopColor="#888" />
+          <stop offset={0.907} stopColor="#626262" />
+          <stop offset={0.952} stopColor="#373737" />
+          <stop offset={0.993} stopColor="#090909" />
+          <stop offset={1} />
+        </linearGradient>
+        <radialGradient
+          id="c"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientTransform="rotate(14.036 -132.013 71.177) scale(31.8068)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#0B31A3" />
+          <stop offset={1} stopColor="#39A0ED" />
+        </radialGradient>
+        <radialGradient
+          id="d"
+          cx={0}
+          cy={0}
+          r={1}
+          gradientTransform="rotate(-140.774 10.754 4.54) scale(20.3315)"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#00FFF3" stopOpacity={0.77} />
+          <stop offset={0.423} stopColor="#00FFF3" stopOpacity={0.72} />
+          <stop offset={1} stopColor="#5BDCD6" stopOpacity={0} />
+        </radialGradient>
+        <clipPath id="e">
+          <path fill="#fff" d="M11.2 9.2h21.6v21.6H11.2Z" />
+        </clipPath>
+        <filter
+          id="f"
+          width={21.6}
+          height={24.3}
+          x={11.2}
+          y={9.2}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy={2.7} />
+          <feGaussianBlur stdDeviation={4.388} />
+          <feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0.81875 0 0 0 0 0.824081 0 0 0 0 1 0 0 0 0.37 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1360_20280" />
+        </filter>
+      </defs>
+      <path
+        fill="url(#a)"
+        d="M16 .005C24.836.005 32 7.166 32 16s-7.164 15.996-16 15.996c-1.779 0-3.516-.292-5.158-.85-1.509-.513-3.127-.754-4.669-.353l-4.468 1.163a1.36 1.36 0 0 1-1.66-1.659l1.162-4.46c.402-1.543.16-3.163-.355-4.673A15.982 15.98 0 0 1 0 16C0 7.166 7.164.005 16 .005Z"
+        style={{
+          display: 'inline',
+          fill: '#000',
+          fillOpacity: 0.849858,
+          strokeWidth: 0.888825,
+        }}
+      />
+      <g strokeWidth={1.5}>
+        <path
+          stroke="url(#b)"
+          d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z"
+          style={{
+            display: 'inline',
+            fill: 'none',
+            stroke: 'url(#b)',
+          }}
+          transform="matrix(.88887 0 0 .88875 -3.556 -1.773)"
+        />
+        <path
+          stroke="url(#c)"
+          strokeOpacity={0.6}
+          d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z"
+          style={{
+            display: 'inline',
+            fill: 'none',
+            stroke: 'url(#c)',
+          }}
+          transform="matrix(.88887 0 0 .88875 -3.556 -1.773)"
+        />
+        <path
+          stroke="url(#d)"
+          strokeOpacity={0.8}
+          d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z"
+          style={{
+            display: 'inline',
+            fill: 'none',
+            stroke: 'url(#d)',
+          }}
+          transform="matrix(.88887 0 0 .88875 -3.556 -1.773)"
+        />
+      </g>
+      <g
+        clipPath="url(#e)"
+        filter="url(#f)"
+        transform="matrix(.88889 0 0 .88876 -3.555 -1.773)"
+        style={{
+          fill: 'none',
+        }}
+      >
+        <path
+          fill="url(#g)"
+          d="M30.1 23.08a5.706 5.706 0 0 1-1.529 3.9 2.582 2.582 0 0 0 .562-1.009c.01-.037.02-.074.028-.112a.244.244 0 0 0 .004-.013c.01-.037.016-.074.023-.111.007-.039.015-.078.02-.116v-.003a2.48 2.48 0 0 0 .026-.364 2.563 2.563 0 0 0-.786-1.856 2.55 2.55 0 0 0-1.143-.643l-.006-.001-.046-.016-.665-.23-1.74-.6c-.006-.002-.013-.002-.017-.004l-.109-.04a1.616 1.616 0 0 1-.82-.723l-.636-1.626-.727-1.862-.14-.359-.036-.073a.826.826 0 0 1-.061-.314c0-.028 0-.057.003-.083a.814.814 0 0 1 1.123-.666l3.242 1.668.64.328c.338.202.654.44.942.708a5.715 5.715 0 0 1 1.847 4.22z"
+          style={{
+            display: 'inline',
+            fill: 'url(#g)',
+          }}
+        />
+        <path
+          fill="url(#h)"
+          d="M29.233 25.252c0 .166-.016.326-.045.483a2.747 2.747 0 0 1-.13.452c-.014.037-.03.073-.045.11a2.61 2.61 0 0 1-.443.683c-.472.525-2.076 1.46-2.668 1.84l-1.313.805c-.961.594-1.87 1.015-3.017 1.044l-.16.003a5.71 5.71 0 0 1-4.83-2.67 5.666 5.666 0 0 1-.843-2.387 2.53 2.53 0 0 0 3.703 1.783l.129-.078.522-.31.666-.394v-.019l.085-.051 5.952-3.538.458-.272.045.015.006.002a2.55 2.55 0 0 1 1.389.917 2.577 2.577 0 0 1 .54 1.582z"
+          style={{
+            display: 'inline',
+            fill: 'url(#h)',
+          }}
+        />
+        <path
+          fill="url(#i)"
+          d="m20.76 13.446-.002 13.17-.665.395-.523.309-.129.078-.008.004a2.528 2.528 0 0 1-3.734-2.263V10.318a.849.849 0 0 1 1.32-.705l2.59 1.697c.013.012.029.022.045.032a2.543 2.543 0 0 1 1.106 2.104z"
+          style={{
+            display: 'inline',
+            fill: 'url(#i)',
+          }}
+        />
+        <path
+          fill="url(#j)"
+          d="M29.233 25.252c0 .166-.016.326-.045.483a2.747 2.747 0 0 1-.13.452c-.014.037-.03.073-.045.11a2.587 2.587 0 0 1-.443.683c-.472.525-2.076 1.46-2.668 1.84l-1.313.805c-.961.594-1.87 1.015-3.017 1.044l-.16.003a5.71 5.71 0 0 1-4.83-2.67 5.666 5.666 0 0 1-.843-2.387 2.53 2.53 0 0 0 3.703 1.783l.129-.078.522-.31.666-.394v-.019l.085-.051 5.952-3.538.458-.272.045.015.006.002a2.55 2.55 0 0 1 1.389.917 2.577 2.577 0 0 1 .54 1.582z"
+          opacity={0.15}
+          style={{
+            display: 'inline',
+            fill: 'url(#j)',
+          }}
+        />
+        <path
+          fill="url(#k)"
+          d="m20.76 13.446-.002 13.17-.665.395-.523.309-.129.078-.008.004a2.528 2.528 0 0 1-3.734-2.263V10.318a.849.849 0 0 1 1.32-.705l2.59 1.697c.013.012.029.022.045.032a2.543 2.543 0 0 1 1.106 2.104z"
+          opacity={0.1}
+          style={{
+            display: 'inline',
+            fill: 'url(#k)',
+          }}
+        />
+      </g>
+    </svg>
+  );
+}
diff --git a/client/src/components/svg/index.ts b/client/src/components/svg/index.ts
index e65812132d..8f95a51fa5 100644
--- a/client/src/components/svg/index.ts
+++ b/client/src/components/svg/index.ts
@@ -1,6 +1,7 @@
 export { default as Plugin } from './Plugin';
 export { default as GPTIcon } from './GPTIcon';
 export { default as BingIcon } from './BingIcon';
+export { default as BingJbIcon } from './BingJbIcon';
 export { default as CogIcon } from './CogIcon';
 export { default as Spinner } from './Spinner';
 export { default as MessagesSquared } from './MessagesSquared';
diff --git a/client/src/utils/getIcon.jsx b/client/src/utils/getIcon.jsx
index f3d6d0a745..c6759a7cc6 100644
--- a/client/src/utils/getIcon.jsx
+++ b/client/src/utils/getIcon.jsx
@@ -1,4 +1,4 @@
-import { Plugin, GPTIcon, BingIcon, AnthropicIcon } from '~/components/svg';
+import { Plugin, GPTIcon, BingIcon, BingJbIcon, AnthropicIcon } from '~/components/svg';
 import { useAuthContext } from '~/hooks/AuthContext';
 import { cn } from '~/utils'
 
@@ -63,9 +63,13 @@ const getIcon = (props) => {
       name = modelLabel || 'Claude';
     } else if (endpoint === 'bingAI') {
       const { jailbreak } = props;
-      icon = <BingIcon size={size * 0.7} />;
-      bg = jailbreak ? 'radial-gradient(circle at 90% 110%, #F0F0FA, #D0E0F9)' : 'transparent';
-      name = jailbreak ? 'Sydney' : 'BingAI';
+      if (jailbreak) {
+        icon = <BingJbIcon size={size * 0.7} />;
+        name = 'Sydney';
+      } else {
+        icon = <BingIcon size={size * 0.7} />;
+        name = 'BingAI';
+      }
     } else if (endpoint === 'chatGPTBrowser') {
       icon = <GPTIcon size={size * 0.7} />;
       bg =