Controls

Stroke width2px
Size120px
Animated
Speed
progressloadingspinnerindicatorstatusanimation

Progress

Animated progress SVG icon for React and Next.js. Represents loading, processing, and ongoing tasks with a dynamic animation for status indicators and progress bars.

import Progress from "cssvg-icons/progress";

export default function App() {
  return (
    <Progress
      color="#ffffff"
      strokeWidth={2}
      size={120}
    />
  );
}

Details

AuthorHari

Missing something?

Need a variant of Progress or a different style? Open a GitHub issue and we'll add it to the queue.

Request a variant