Flame Icon

An animated flame icon that flickers on hover, built with Motion for use in fire, heat, or trending indicators.

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

import { FlameIcon } from "@/components/ui/lu-flame";

export default function FlameIconDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <FlameIcon size={48} />
    </div>
  );
}