Home / PropTech Animated Icons / Interface / Search

Search animated icon

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

Category: Interface
Colour: Accent — Accent marks the part that moves (glint-fx), 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 · also in the free sample

Get it in the Complete Set — $39 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="search" style="width:48px;height:48px"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById("search"),
    renderer: "svg", loop: true, autoplay: true,
    path: "search_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 →