diff --git a/client/public/assets/bingai-jb.png b/client/public/assets/bingai-jb.png
new file mode 100644
index 0000000000..c74d9ef595
Binary files /dev/null and b/client/public/assets/bingai-jb.png differ
diff --git a/client/public/assets/bingai.png b/client/public/assets/bingai.png
new file mode 100644
index 0000000000..995dc49177
Binary files /dev/null and b/client/public/assets/bingai.png differ
diff --git a/client/src/components/svg/BingIcon.jsx b/client/src/components/svg/BingIcon.jsx
deleted file mode 100644
index 82c01ca375..0000000000
--- a/client/src/components/svg/BingIcon.jsx
+++ /dev/null
@@ -1,294 +0,0 @@
-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,
-        }}
-      />
-      <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/BingJbIcon.jsx b/client/src/components/svg/BingJbIcon.jsx
deleted file mode 100644
index e7530bec7e..0000000000
--- a/client/src/components/svg/BingJbIcon.jsx
+++ /dev/null
@@ -1,279 +0,0 @@
-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 76f5fdd62e..8487f935e2 100644
--- a/client/src/components/svg/index.ts
+++ b/client/src/components/svg/index.ts
@@ -1,7 +1,5 @@
 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 5b681e00b1..b21613e962 100644
--- a/client/src/utils/getIcon.jsx
+++ b/client/src/utils/getIcon.jsx
@@ -1,6 +1,6 @@
-import { Plugin, GPTIcon, BingIcon, BingJbIcon, AnthropicIcon } from '~/components/svg';
+import { Plugin, GPTIcon, AnthropicIcon } from '~/components/svg';
 import { useAuthContext } from '~/hooks/AuthContext';
-import { cn } from '~/utils'
+import { cn } from '~/utils';
 
 const getIcon = (props) => {
   const { size = 30, isCreatedByUser, button, model, message = true } = props;
@@ -64,10 +64,10 @@ const getIcon = (props) => {
     } else if (endpoint === 'bingAI') {
       const { jailbreak } = props;
       if (jailbreak) {
-        icon = <BingJbIcon size={size * 0.7} />;
+        icon = <img src="/assets/bingai-jb.png" alt="Bing Icon"/>;
         name = 'Sydney';
       } else {
-        icon = <BingIcon size={size * 0.7} />;
+        icon = <img src="/assets/bingai.png" alt="Sydney Icon"/>;
         name = 'BingAI';
       }
     } else if (endpoint === 'chatGPTBrowser') {