Lovable.dev Widget Icon Recreation

I’m in the middle of building a widget on Lovable.dev and I need its small yet crucial icon reproduced with absolute accuracy. The goal is simple: once the code is dropped into Lovable.dev, the icon on-screen must be indistinguishable from my reference image—no blurry screenshots, no approximations, just real UI primitives rendered pixel-perfectly.

What that means in practice:
• Recreate the exact size, border-radius, color values, gradients, shadows, typography, icon placement, and the subtle page-curl effect.
• Use pure HTML + CSS (no frameworks) or supply a Figma file built from clean, editable vector layers—whichever medium keeps the work precise and copy-paste-ready for Lovable.dev.
• Do not embed screenshots as backgrounds; everything must be drawn with CSS, SVG, or vector shapes.

Acceptance criteria
The icon will be reviewed side-by-side with the reference at 1× and 2× zoom. If every pixel lines up and the code (or Figma vectors) can be inserted directly into Lovable.dev without further tweaks, the work is complete.