Pearl Button

A porcelain button with light glowing from inside it, a spectral rim and an embossed icon. Soft, tactile, expensive.

Media controls · Aurora

Call to action · Sunset Pro

New project

Start from a blank canvas

Card action · Mint Pro

Playground

Theme

Tint

Shape

Icon

Size · 120px

Depth · 3

Light drift · 1.0×

<script src="/pearl-button.free.js" defer></script>

<pearl-button
  size="120"
  theme="light"
  elevation="3"
  aria-label="Open"
>
  <svg viewBox="0 0 24 24" width="1em" height="1em"><path d="M6 18 18 6M9 6h9v9" stroke="currentColor" stroke-width="3.2" fill="none" stroke-linecap="round"/></svg>
</pearl-button>