Chart Line Icon

An animated line-chart icon that draws its trend line on hover, for use in dashboards, analytics menus, or stat cards.

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

import { ChartLineIcon } from "@/components/ui/hu-chart-line";

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