linear-mini-graph.svg

<svg width="150" height="50">
  <defs>
    <linearGradient id="gradient-bg" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#007be6;stop-opacity:0.6"></stop>
      <stop offset="100%" style="stop-color:#007be6;stop-opacity:0"></stop>
    </linearGradient>
  </defs>

  <g transform="translate(0, 2)">
    <path fill="transparent" stroke-width="1" style="stroke: #007be6;" d="M0,47.18952879581152L11.538461538461538,44.77068062827225L23.076923076923077,43.76544502617801L34.61538461538462,34.234554973821986L46.15384615384615,18.402094240837695L57.69230769230769,9.66282722513089L69.23076923076924,26.58219895287958L80.76923076923076,22.379057591623035L92.3076923076923,0L103.84615384615384,5.001047120418846L115.38461538461539,12.131937172774867L126.92307692307692,25.85340314136126L138.46153846153848,26.732984293193716L150,37.086910994764395"></path>
    <path fill="url(#gradient-bg)" style="stroke: none;" d="M0,47.18952879581152L11.538461538461538,44.77068062827225L23.076923076923077,43.76544502617801L34.61538461538462,34.234554973821986L46.15384615384615,18.402094240837695L57.69230769230769,9.66282722513089L69.23076923076924,26.58219895287958L80.76923076923076,22.379057591623035L92.3076923076923,0L103.84615384615384,5.001047120418846L115.38461538461539,12.131937172774867L126.92307692307692,25.85340314136126L138.46153846153848,26.732984293193716L150,37.086910994764395L150,48L138.46153846153848,48L126.92307692307692,48L115.38461538461539,48L103.84615384615384,48L92.3076923076923,48L80.76923076923076,48L69.23076923076924,48L57.69230769230769,48L46.15384615384615,48L34.61538461538462,48L23.076923076923077,48L11.538461538461538,48L0,48Z"></path>
  </g>
</svg>