Indent Increase Icon

An animated indent-increase icon that shifts its lines on hover, for use in text editor toolbars and formatting menus.

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

import { IndentIncreaseIcon } from "@/components/ui/lu-indent-increase";

export default function Preview() {
  return (
    <div className="flex min-h-[200px] w-full items-center justify-center">
      <IndentIncreaseIcon size={48} />
    </div>
  );
}