Delete Icon

An animated trash/delete icon whose lid tilts and bars shrink on hover, for use on delete buttons and destructive actions.

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

import { Delete02Icon } from "@/components/ui/hu-delete-0-2";

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