svg.how

How icons learn to move

Hand-drawn SVG icons animated with native SMIL — every entry ships with its source, its motion notes, and the editor it was drawn in.

Member sign in S

Native SMIL — no runtime, plays anywhere SVG renders

Hand-drawn

Every mark drawn on a 24×24 grid at stroke 1.75 — one family, one discipline.

Native SMIL

The animation lives inside the file — begin conditions, spline easing, zero JavaScript.

Documented

Motion notes and timing tables ship with each entry — the why behind every curve.

sheet01 — cover
setdailies · 17 marks
drawnby hand · scale 1:1
runtime0 js — native smil
Specimen — the dailies set hover a tile to play
bell
mail
sparkle
pen-tool
calendar-today
rss
arrow-up
image
library
posts
dailies
grid-month
about
external-link
chevron-left
chevron-right
close
Inside an entry

Not a zip of icons. The whole drawing.

Every mark is published as an entry — the figure, the source that draws it, and the notes that time it. This is entry № 001, opened flat.

entry № 001 — bell 2 tracks · 0.7s · rings on hover 
<!-- bell.svg — the file is the animation -->
<path d="M18 8.5a6 6 0 0 0-12 0…"
  transform-origin="12 3">
  <animateTransform type="rotate"
    values="0;-11;9;-5;2;0" dur="0.7s"
    begin="bell.mouseenter"
    calcMode="spline" … />
</path>
motion notes — dome track
t 0%rotate 0°
t 20%rotate −11°
t 45%rotate +9°
t 68%rotate −5°
t 100%settle 0°

Why the overshoot shrinks each swing: a bell loses energy — the spline pairs mimic that decay.

Access

Buy once. Your email is the key.

No signup form and no password — paying is what creates your account.

  1. Buy accessCheckout runs through LemonSqueezy — card or PayPal, takes a minute.
  2. Your entry pass is mintedThe email on your receipt becomes your account, automatically.
  3. Sign in with a codeEnter that email, we send a 6-digit code, and you're in — a week per device.
Early access
$ — one-time, early-access pricing
  • Every entry in the dailies set, source included
  • New entries as they're drawn
  • The motion notes and timing tables
  • Sign-in by email code — no password to lose

Pricing lands with the first public entries.