Mail Open Icon

An animated mail icon that reveals an open envelope with letter content sliding out on hover or trigger, for use in inboxes, notifications, or contact buttons.

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

import { MailOpen01Icon } from "@/components/ui/hu-mail-open-0-1";

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