How to use

Click "Copy" on any gesture, then paste the SVG directly into your HTML. The animations work out of the box.

Customize with CSS variables

<!-- The SVG inherits color from its parent -->
<div style="color: #3b82f6">
  <!-- paste gesture SVG here -->
</div>

<!-- Or use CSS custom properties -->
<svg style="
  --gesture-stroke: #3b82f6;
  --gesture-fill: white;
  --gesture-duration: 2s;
">...</svg>

Available variables

--gesture-stroke     /* Stroke color (default: currentColor) */
--gesture-fill       /* Fill color (default: white) */
--gesture-duration   /* Animation duration (default: 2.4s) */