Chart Spline Icon

An animated line-chart icon with a spline curve that draws itself in on hover, for use in nav bars, buttons, or analytics dashboards.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Chart Spline Icon to your project and fits it to your theme.

import { ChartSplineIcon } from "@/components/ui/lu-chart-spline";

export default function ChartSplineIconDemo() {
  return (
    <div className="flex h-screen w-full items-center justify-center">
      <ChartSplineIcon size={48} />
    </div>
  );
}