Home / PropTech Animated Icons / Analytics & finance / Price Chart

Price Chart animated icon

Price Chart animated icon from the PropTech Animated Icons: a 1.6 s seamless Lottie loop in the analytics & finance category. Lottie JSON, dotLottie, SVG, PNG and Figma, 3 stroke weights, light and dark.

Category: Analytics & finance
Colour: Accent — Accent marks the part that moves (bar-1, bar-2, bar-3), so the animation reads at a glance; everything else is base.
Loop: 1.6 s · 48 frames at 30 fps · seamless, starts and ends on the static frame
Grid: 24×24, round caps and joins · Lottie canvas 512×512
Included in: Analytics & Finance Pack and Complete Set · also in the free sample

Get it in the Analytics & Finance Pack — $12 Download free

Use it on a website

Each icon comes as a Lottie JSON file per stroke weight and theme. With lottie-web it takes a few lines:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie_light.min.js"></script>
<div id="price-chart" style="width:48px;height:48px"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById("price-chart"),
    renderer: "svg", loop: true, autoplay: true,
    path: "price-chart_2.0_light.json"
  });
</script>

For apps, use the dotLottie file (both themes inside) with the dotLottie player, or the same JSON with lottie-ios, lottie-android, Flutter or React Native. More ways to use the icons →