kbfin.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#1a2a4a"/>
      <stop offset="100%" stop-color="#0d1b2e"/>
    </linearGradient>
    <linearGradient id="bar1" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#2dd4bf"/>
      <stop offset="100%" stop-color="#0e7490"/>
    </linearGradient>
    <linearGradient id="bar2" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#22d3ee"/>
      <stop offset="100%" stop-color="#0891b2"/>
    </linearGradient>
    <linearGradient id="bar3" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#06b6d4"/>
      <stop offset="100%" stop-color="#0e7490"/>
    </linearGradient>
    <linearGradient id="bar4" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#2dd4bf"/>
      <stop offset="100%" stop-color="#14b8a6"/>
    </linearGradient>
  </defs>

  <!-- Background rounded rectangle -->
  <rect x="5" y="5" width="190" height="190" rx="30" ry="30" fill="url(#bg)"/>

  <!-- Bars -->
  <rect x="42" y="110" width="22" height="45" rx="3" ry="3" fill="url(#bar1)" opacity="0.85"/>
  <rect x="72" y="85" width="22" height="70" rx="3" ry="3" fill="url(#bar2)" opacity="0.9"/>
  <rect x="102" y="60" width="22" height="95" rx="3" ry="3" fill="url(#bar3)" opacity="0.9"/>
  <rect x="132" y="42" width="22" height="113" rx="3" ry="3" fill="url(#bar4)" opacity="0.85"/>

  <!-- Line graph -->
  <polyline
    points="38,108  53,105  83,82  113,58  143,40  158,44"
    fill="none"
    stroke="#94a3b8"
    stroke-width="2.5"
    stroke-linecap="round"
    stroke-linejoin="round"
    opacity="0.7"
  />

  <!-- Dots on line -->
  <circle cx="53" cy="105" r="3" fill="#cbd5e1" opacity="0.8"/>
  <circle cx="83" cy="82" r="3" fill="#cbd5e1" opacity="0.8"/>
  <circle cx="113" cy="58" r="3" fill="#cbd5e1" opacity="0.8"/>
  <circle cx="143" cy="40" r="3" fill="#cbd5e1" opacity="0.8"/>
</svg>