@rango-dev/ui 0.0.0-experimental-936229e8-20251208

package/src/icons/CustomTokensZeroState.tsx

@@ -0,0 +1,262 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgCustomTokensZeroState(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 200 173" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill="#F3F8FC"
+        d="M44.167 61.576C5.142 56.15 5.23 102.127 11.919 116.708c12.94 28.225 62.797 48.735 69.176 24.965 9.46-35.247 62.915-2.897 85.22-4.754 22.304-1.858 24.25-31.86 6.499-46.34-17.752-14.48-5.966-32.553-8.561-48.994-2.595-16.44-24.489-29.104-48.396-14.093-22.582 14.178-17.514 41.617-71.69 34.084Z"
+      />
+      <g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.877}>
+        <path d="M36.509 80.67c-2.554-2.055-5.828-1.903-10.124-.734M41.066 73.016c-2.62-3.294-3.184-5.288-3.688-9.6M37.608 75.705c-3.2-2.95-7.364-5.582-11.294-7.717" />
+      </g>
+      <path
+        stroke="#002D5E"
+        strokeDasharray="3.51 2.63"
+        strokeWidth={0.877}
+        d="M141.301 100.922c.348-3.058.581-6.172 1.492-9.117.782-2.524 2.02-4.717 3.768-6.66 1.456-1.62 3.195-3.075 5.223-3.867 1.97-.77 4.154-1.006 6.255-1.001 2.518.006 5.171.328 7.493 1.421 1.803.849 3.288 2.637 4.303 4.351 1.759 2.97 1.247 6.634-.92 9.22-.764.91-1.753 1.771-2.862 2.203-1.564.609-3.035.013-4.129-1.244-2.476-2.843-1.619-7.39-.322-10.552 1.524-3.715 4.277-6.931 7.534-9.149 2.361-1.607 5.028-2.739 7.68-3.736 2.619-.984 5.281-1.656 7.97-2.393"
+      />
+      <circle cx={186.116} cy={70.399} r={2.746} fill="#002D5E" />
+      <g stroke="#fff" strokeWidth={0.407} filter="url(#a)">
+        <rect
+          width={99.809}
+          height={28.4}
+          x={46.977}
+          y={112.419}
+          fill="#D6E8F9"
+          fillOpacity={0.5}
+          rx={4.404}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={120.126}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={129.868}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <path
+          fill="#F5FAFF"
+          d="M67.263 126.82a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
+        />
+      </g>
+      <g stroke="#fff" strokeWidth={0.407} filter="url(#b)">
+        <rect
+          width={99.809}
+          height={28.4}
+          x={46.978}
+          y={44.592}
+          fill="#D6E8F9"
+          fillOpacity={0.5}
+          rx={4.404}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={52.3}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={62.041}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <path
+          fill="#F5FAFF"
+          d="M67.263 59a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
+        />
+      </g>
+      <g filter="url(#c)">
+        <rect
+          width={108.517}
+          height={31.193}
+          x={38.475}
+          y={76.075}
+          fill="#fff"
+          rx={4.99}
+        />
+      </g>
+      <rect
+        width={75.27}
+        height={4.731}
+        x={66.133}
+        y={84.572}
+        fill="#E6F2FF"
+        rx={2.366}
+      />
+      <rect
+        width={75.27}
+        height={4.731}
+        x={66.133}
+        y={94.894}
+        fill="#E6F2FF"
+        rx={2.366}
+      />
+      <g filter="url(#d)">
+        <circle
+          cx={52.386}
+          cy={91.607}
+          r={9.749}
+          stroke="#002D5E"
+          strokeDasharray="1.78 1.34"
+          strokeWidth={0.446}
+        />
+      </g>
+      <g filter="url(#e)">
+        <circle cx={54.492} cy={91.848} r={9.99} fill="#E5F2FF" />
+        <circle
+          cx={54.492}
+          cy={91.848}
+          r={9.896}
+          stroke="#fff"
+          strokeWidth={0.188}
+        />
+      </g>
+      <g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.754}>
+        <path d="m53.224 90.58 2.534 2.534M53.224 93.114l2.534-2.534" />
+      </g>
+      <circle
+        cx={54.491}
+        cy={91.847}
+        r={4.15}
+        stroke="#002D5E"
+        strokeWidth={0.754}
+      />
+      <defs>
+        <filter
+          id="a"
+          width={100.984}
+          height={29.575}
+          x={46.39}
+          y={111.831}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_19281_419764"
+            stdDeviation={0.192}
+          />
+        </filter>
+        <filter
+          id="b"
+          width={100.984}
+          height={29.575}
+          x={46.39}
+          y={44.005}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_19281_419764"
+            stdDeviation={0.192}
+          />
+        </filter>
+        <filter
+          id="c"
+          width={116.833}
+          height={39.509}
+          x={33.07}
+          y={74.827}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <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 dx={-1.247} dy={2.911} />
+          <feGaussianBlur stdDeviation={2.079} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0.507031 0 0 0 0 0.626875 0 0 0 0 0.7375 0 0 0 0.49 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_19281_419764"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="d"
+          width={21.73}
+          height={21.73}
+          x={41.521}
+          y={80.742}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.446} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_backgroundBlur_19281_419764"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="e"
+          width={22.994}
+          height={24.285}
+          x={42.995}
+          y={81.104}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.377} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419764"
+          />
+          <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.044} />
+          <feGaussianBlur stdDeviation={0.754} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0.814115 0 0 0 0 0.882372 0 0 0 0 0.9625 0 0 0 0.33 0" />
+          <feBlend
+            in2="effect1_backgroundBlur_19281_419764"
+            result="effect2_dropShadow_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect2_dropShadow_19281_419764"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+}
+export default SvgCustomTokensZeroState;

package/src/icons/CustomTokensZeroStateDark.tsx

@@ -0,0 +1,415 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgCustomTokensZeroStateDark(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 200 173" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Custom Tokens">
+        <path
+          id="Vector 10"
+          d="M44.167 61.5761C5.14181 56.15 5.22992 102.127 11.9196 116.708C24.8586 144.933 74.7156 165.443 81.0951 141.673C90.5545 106.426 144.01 138.776 166.315 136.919C188.62 135.061 190.565 105.059 172.814 90.5792C155.062 76.099 166.849 58.0255 164.253 41.585C161.658 25.1445 139.764 12.4813 115.857 27.4918C93.2754 41.6699 98.3432 69.1088 44.167 61.5761Z"
+          fill="#111112"
+        />
+        <g id="Group 1000007805">
+          <path
+            id="Vector 5"
+            d="M33.3549 82.5155C30.8013 80.4597 27.5271 80.6121 23.2312 81.7805"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeLinecap="round"
+          />
+          <path
+            id="Vector 6"
+            d="M37.9128 74.8615C35.292 71.5671 34.7292 69.5732 34.2246 65.261"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeLinecap="round"
+          />
+          <path
+            id="Vector 7"
+            d="M34.4533 77.5497C31.2532 74.6003 27.0895 71.9673 23.1592 69.833"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeLinecap="round"
+          />
+        </g>
+        <g id="Group 1000007806">
+          <path
+            id="Vector 2"
+            d="M138.142 102.767C138.49 99.7086 138.723 96.5943 139.635 93.6495C140.416 91.126 141.655 88.9323 143.402 86.9893C144.858 85.3701 146.598 83.9147 148.625 83.1229C150.596 82.3531 152.779 82.1166 154.881 82.1214C157.399 82.1272 160.052 82.4497 162.373 83.5426C164.176 84.3912 165.662 86.1799 166.677 87.8937C168.435 90.8633 167.923 94.5274 165.757 97.113C164.993 98.0243 164.003 98.885 162.895 99.3162C161.33 99.9252 159.86 99.3294 158.765 98.0726C156.289 95.2291 157.146 90.6821 158.443 87.5208C159.967 83.8057 162.721 80.5889 165.978 78.3715C168.338 76.7645 171.005 75.6328 173.657 74.6358C176.276 73.6511 178.939 72.9793 181.628 72.2427"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeDasharray="3.51 2.63"
+          />
+          <circle
+            id="Ellipse 1940"
+            cx={182.957}
+            cy={72.2431}
+            r={2.74629}
+            fill="#D1D1D1"
+          />
+        </g>
+        <g id="Group 1000007807">
+          <g id="Group 1000007810" filter="url(#filter0_f_19281_419835)">
+            <g id="Group 1000007748">
+              <g id="Rectangle 6610">
+                <rect
+                  x={43.6162}
+                  y={113.849}
+                  width={100.216}
+                  height={28.8071}
+                  rx={4.60784}
+                  fill="#444444"
+                  fillOpacity={0.5}
+                />
+                <rect
+                  x={43.8197}
+                  y={114.053}
+                  width={99.8093}
+                  height={28.4001}
+                  rx={4.40431}
+                  stroke="#787878"
+                  strokeOpacity={0.25}
+                  strokeWidth={0.407059}
+                />
+              </g>
+              <rect
+                id="Rectangle 6611"
+                x={67.5557}
+                y={121.557}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+              <rect
+                id="Rectangle 6612"
+                x={67.5557}
+                y={131.298}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+            </g>
+            <g id="Ellipse 1952">
+              <ellipse
+                cx={56.1948}
+                cy={128.461}
+                rx={8.11468}
+                ry={8.11468}
+                fill="#3F3F3F"
+              />
+              <path
+                d="M64.2094 128.461C64.2094 132.887 60.6211 136.475 56.1948 136.475C51.7684 136.475 48.1801 132.887 48.1801 128.461C48.1801 124.034 51.7684 120.446 56.1948 120.446C60.6211 120.446 64.2094 124.034 64.2094 128.461Z"
+                stroke="#787878"
+                strokeOpacity={0.25}
+                strokeWidth={0.2}
+              />
+            </g>
+          </g>
+          <g id="Group 1000007822" filter="url(#filter1_f_19281_419835)">
+            <g id="Group 1000007748_2">
+              <g id="Rectangle 6610_2">
+                <rect
+                  x={43.6162}
+                  y={46.2336}
+                  width={100.216}
+                  height={28.8071}
+                  rx={4.60784}
+                  fill="#444444"
+                  fillOpacity={0.5}
+                />
+                <rect
+                  x={43.8197}
+                  y={46.4372}
+                  width={99.8093}
+                  height={28.4001}
+                  rx={4.40431}
+                  stroke="#787878"
+                  strokeOpacity={0.25}
+                  strokeWidth={0.407059}
+                />
+              </g>
+              <rect
+                id="Rectangle 6611_2"
+                x={67.5557}
+                y={53.9412}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+              <rect
+                id="Rectangle 6612_2"
+                x={67.5557}
+                y={63.6826}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+            </g>
+            <g id="Ellipse 1952_2">
+              <ellipse
+                cx={56.1948}
+                cy={60.8449}
+                rx={8.11468}
+                ry={8.11468}
+                fill="#3F3F3F"
+              />
+              <path
+                d="M64.2094 60.8449C64.2094 65.2713 60.6211 68.8596 56.1948 68.8596C51.7684 68.8596 48.1801 65.2713 48.1801 60.8449C48.1801 56.4185 51.7684 52.8302 56.1948 52.8302C60.6211 52.8302 64.2094 56.4185 64.2094 60.8449Z"
+                stroke="#787878"
+                strokeOpacity={0.25}
+                strokeWidth={0.2}
+              />
+            </g>
+          </g>
+          <g id="Group 1000007811">
+            <g id="Rectangle 6610_3" filter="url(#filter2_d_19281_419835)">
+              <rect
+                x={35.3213}
+                y={78.5015}
+                width={106.238}
+                height={30.538}
+                rx={4.88471}
+                fill="#414141"
+              />
+              <rect
+                x={35.5248}
+                y={78.705}
+                width={105.831}
+                height={30.131}
+                rx={4.68118}
+                stroke="#313134"
+                strokeWidth={0.407059}
+              />
+            </g>
+            <g id="Group 1000007823">
+              <g id="Group 1000007726">
+                <g id="Ellipse 1938" filter="url(#filter3_bd_19281_419835)">
+                  <circle
+                    cx={52.4858}
+                    cy={93.5847}
+                    r={9.88228}
+                    fill="#363636"
+                  />
+                  <circle
+                    cx={52.4858}
+                    cy={93.5847}
+                    r={9.78911}
+                    stroke="#787878"
+                    strokeWidth={0.186346}
+                  />
+                </g>
+                <g id="Group 1000007725">
+                  <path
+                    id="Line 351"
+                    d="M51.2324 92.3315L53.7389 94.838"
+                    stroke="white"
+                    strokeWidth={0.745383}
+                    strokeLinecap="round"
+                  />
+                  <path
+                    id="Line 352"
+                    d="M51.2324 94.8362L53.7389 92.3297"
+                    stroke="white"
+                    strokeWidth={0.745383}
+                    strokeLinecap="round"
+                  />
+                </g>
+                <circle
+                  id="Ellipse 1939"
+                  cx={52.4894}
+                  cy={93.5833}
+                  r={4.10556}
+                  fill="#B6B6B6"
+                  fillOpacity={0.38}
+                  stroke="#B8B8B8"
+                  strokeWidth={0.745383}
+                />
+              </g>
+              <g id="Group 1000007808">
+                <g id="Group 1000007740">
+                  <g id="Ellipse 1941" filter="url(#filter4_b_19281_419835)">
+                    <circle
+                      cx={51.3139}
+                      cy={94.4919}
+                      r={9.74949}
+                      stroke="#A5A5A5"
+                      strokeWidth={0.446247}
+                      strokeDasharray="1.78 1.34"
+                    />
+                  </g>
+                </g>
+              </g>
+            </g>
+            <rect
+              id="Rectangle 6611_3"
+              x={66.5283}
+              y={86.8232}
+              width={69.6961}
+              height={4.16096}
+              rx={2.08048}
+              fill="#5A5A5A"
+            />
+            <rect
+              id="Rectangle 6612_3"
+              x={66.5283}
+              y={97.2258}
+              width={69.6961}
+              height={4.16096}
+              rx={2.08048}
+              fill="#5A5A5A"
+            />
+          </g>
+        </g>
+      </g>
+      <defs>
+        <filter
+          id="filter0_f_19281_419835"
+          x={43.2322}
+          y={113.465}
+          width={100.985}
+          height={29.5751}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation={0.191993}
+            result="effect1_foregroundBlur_19281_419835"
+          />
+        </filter>
+        <filter
+          id="filter1_f_19281_419835"
+          x={43.2322}
+          y={45.8497}
+          width={100.985}
+          height={29.5751}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation={0.191993}
+            result="effect1_foregroundBlur_19281_419835"
+          />
+        </filter>
+        <filter
+          id="filter2_d_19281_419835"
+          x={22.044}
+          y={70.5351}
+          width={132.793}
+          height={57.0927}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={5.31093} />
+          <feGaussianBlur stdDeviation={6.63866} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 1 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_19281_419835"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_19281_419835"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="filter3_bd_19281_419835"
+          x={38.8766}
+          y={81.4662}
+          width={27.2185}
+          height={27.2185}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.372692} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419835"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={1.49077} />
+          <feGaussianBlur stdDeviation={1.86346} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 1 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="effect1_backgroundBlur_19281_419835"
+            result="effect2_dropShadow_19281_419835"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect2_dropShadow_19281_419835"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="filter4_b_19281_419835"
+          x={40.4493}
+          y={83.6268}
+          width={21.7293}
+          height={21.7303}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.446247} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419835"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_backgroundBlur_19281_419835"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+}
+export default SvgCustomTokensZeroStateDark;

package/src/icons/CustomerSupport.tsx

@@ -0,0 +1,21 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon/index.js';
+
+function SvgCustomerSupport(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.49131 8.93104C2.71953 9.28416 1.38428 10.8479 1.38428 12.7235C1.38428 14.8592 3.11564 16.5906 5.25138 16.5906C5.78253 16.5906 6.24657 16.4827 6.63097 16.2429C7.01948 16.0007 7.27541 15.6557 7.44145 15.2719C7.75496 14.5475 7.77693 13.6023 7.77693 12.7235C7.77693 11.8447 7.75496 10.8995 7.44145 10.175C7.27541 9.79129 7.01948 9.44629 6.63097 9.204C6.3719 9.04244 6.07667 8.94075 5.74909 8.89161C6.48712 6.61874 8.95994 4.86602 12 4.86602C15.0401 4.86602 17.5129 6.61873 18.251 8.8916C17.9233 8.94073 17.6281 9.04242 17.369 9.204C16.9805 9.44629 16.7245 9.79129 16.5585 10.175C16.245 10.8995 16.223 11.8447 16.223 12.7235C16.223 13.6023 16.245 14.5475 16.5585 15.2719C16.7245 15.6557 16.9805 16.0007 17.369 16.2429C17.5371 16.3478 17.7204 16.4274 17.9179 16.4838V16.8817C17.9179 18.2196 16.5072 19.518 14.4726 19.518H12.4499C12.1186 19.518 11.8499 19.7866 11.8499 20.118C11.8499 20.4493 12.1186 20.718 12.4499 20.718H14.4726C16.9062 20.718 19.1179 19.1184 19.1179 16.8817V16.5732C21.0804 16.3872 22.6157 14.7346 22.6157 12.7235C22.6157 10.8479 21.2805 9.28423 19.5087 8.93106C19.507 8.92282 19.5052 8.91459 19.5031 8.90635C18.7376 5.85484 15.6181 3.66602 12 3.66602C8.38194 3.66602 5.26244 5.85484 4.49696 8.90635C4.4949 8.91458 4.49302 8.92281 4.49131 8.93104ZM5.25138 10.0564C3.77838 10.0564 2.58428 11.2505 2.58428 12.7235C2.58428 14.1965 3.77838 15.3906 5.25138 15.3906C5.62242 15.3906 5.85017 15.3156 5.99597 15.2247C6.13766 15.1364 6.25034 15.0029 6.34014 14.7954C6.53832 14.3374 6.57693 13.649 6.57693 12.7235C6.57693 11.7979 6.53832 11.1095 6.34014 10.6516C6.25034 10.444 6.13766 10.3106 5.99597 10.2222C5.85017 10.1313 5.62242 10.0564 5.25138 10.0564ZM17.6598 10.6516C17.4616 11.1095 17.423 11.7979 17.423 12.7235C17.423 13.649 17.4616 14.3374 17.6598 14.7954C17.7496 15.0029 17.8623 15.1364 18.004 15.2247C18.1498 15.3156 18.3775 15.3906 18.7486 15.3906C20.2216 15.3906 21.4157 14.1965 21.4157 12.7235C21.4157 11.2505 20.2216 10.0564 18.7486 10.0564C18.3775 10.0564 18.1498 10.1313 18.004 10.2222C17.8623 10.3106 17.7496 10.444 17.6598 10.6516Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+export default SvgCustomerSupport;