Home / PropTech Animated Icons / Search & filters / Compare List

Compare List animated icon

Compare List animated icon from the PropTech Animated Icons: a 1.2 s seamless Lottie loop in the search & filters category. Lottie JSON, dotLottie, SVG, PNG and Figma, 3 stroke weights, light and dark.

Category: Search & filters
Colour: Accent — Accent marks the part that moves (check-1, check-2, check-3), so the animation reads at a glance; everything else is base.
Loop: 1.2 s · 36 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: Complete Set

Get it in the Complete Set — $39

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="compare-list" style="width:48px;height:48px"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById("compare-list"),
    renderer: "svg", loop: true, autoplay: true,
    path: "compare-list_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 →