Loader 5

Available formats

• Lottie (.json)—Plays in React, Vue, iOS, Android, Flutter, and HTML with the lottie-web player.
• Rive (.riv)—GPU-accelerated with interactive hover and click state machines via @rive-app.
• SVG—Scalable vector for CSS and HTML — no rasterization at any size.
• PNG—Raster fallback for email templates and static image contexts.

Integration examples

// React — lottie-react
import Lottie from "lottie-react";
import loader5Icon from "./loader-5.json";

export default function App() {
  return <Lottie animationData={loader5Icon} loop />;
}

// React — @rive-app/react-canvas
import { useRive } from "@rive-app/react-canvas";

export default function App() {
  const { RiveComponent } = useRive({
    src: "/loader-5.riv",
    stateMachines: "State Machine 1",
    autoplay: true,
  });
  return <RiveComponent style={{ width: 64, height: 64 }} />;
}

Frequently asked questions

How do I use the Loader 5 icon in React?

Install lottie-react (npm install lottie-react), download the Loader 5 .json file, then import and render it: <Lottie animationData={loader5Icon} loop />. The animation plays automatically and loops by default.

What formats is the Loader 5 icon available in?

The Loader 5 icon is available in Lottie (.json), Rive (.riv), SVG, PNG. Download any format from the export panel — you can also customize colors and speed before downloading.

Is the Loader 5 icon free to use?

Yes, the Loader 5 icon is free to use in personal and commercial projects under the Unicorn Icons license. No attribution required.