Home / PropTech Animated Icons / Smart home / Smart Light

Smart Light animated icon

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

Category: Smart home
Colour: Accent — Accent marks the part that moves (rays), 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: Smart Home Pack and Complete Set · also in the free sample

Get it in the Smart Home 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="smart-light" style="width:48px;height:48px"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById("smart-light"),
    renderer: "svg", loop: true, autoplay: true,
    path: "smart-light_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 →