Interface Motion Sample - 3 animated stroke icons

motion pack · $0.00 · live

Interface Motion Sample - 3 animated stroke icons - actual product preview

Get it free on itch.io

A free taste of Interface Motion: three icons from the 16-icon animated set, each animating a draw-on / hold / erase loop, rendered frame-by-frame from the same 24x24 stroke grammar.

You get, for each of clock, play and download:

- a looping GIF (192px, 24 fps, dark background)

- an AV1 video loop (.mp4)

- a 4-column sprite sheet (every 2nd frame)

- every frame as a transparent PNG

- the static 24x24 stroke SVG source

That is 150 files, ~520 KB, CC0 - use them anywhere, no attribution.

The full set - all 16 icons (calendar, clock, close, download, home, mail, minus, pause, play, plus, search, sliders, star, trash, upload, user) with the same GIF + video + sprites + frames + SVG treatment - is on the full pack page: https://ko-fi.com/s/704e74d188

How it was made (honest): deterministic rendering, not AI image generation - each icon's path length is measured in a headless browser and the stroke is drawn frame-by-frame, then assembled with free local tools.

Licence: CC0 for this sample - personal and commercial use, modify freely, no attribution needed. The full pack has its own licence on its page.

AI disclosure: produced with AI assistance (an AI coding agent) - deterministic tooling written by the agent; no generative image model was used.

Interface Motion Sample - 3 animated stroke icons preview 1Interface Motion Sample - 3 animated stroke icons preview 2Interface Motion Sample - 3 animated stroke icons preview 3

Every listing states exactly what you receive, and the preview images are renders of the real files rather than mockups.