Layout Align Bottom Icon

An animated outline icon depicting bottom layout alignment that slides its bottom bar on hover, for use in toolbars and layout pickers.

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

import { LayoutAlignBottomIcon } from "@/components/ui/hu-layout-align-bottom";

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