Interface Motion - 16 animated stroke icons

motion pack · $8.00 · live

Interface Motion - 16 animated stroke icons - actual product preview

Buy now - $8.00

Sixteen interface icons brought to life: each animates a draw-on, hold, erase loop, rendered frame-by-frame from the same 24x24 stroke grammar as the static Interface Essentials set.

You receive 802 files:

- gif/ - 16 looping GIFs (192px, 24 fps, on a dark #0f1115 background)

- mp4/ - 16 video loops encoded AV1 in .mp4 (plays in current browsers and VLC; dark background)

- sprites/ - 16 sprite sheets (4 columns, every 2nd frame) ready for game engines

- frames/ - all 736 frames as transparent PNGs, so you can recomposite onto any background

- icons/ - the static 24x24 stroke SVG sources (currentColor)

- preview.html - open in a browser to watch every loop

Icons: calendar, clock, close, download, home, mail, minus, pause, play, plus, search, sliders, star, trash, upload, user.

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 (GIFs via PIL, video via SVT-AV1).

Honest note: the GIF and video loops sit on a dark background; if you need a different one, use the transparent PNG frames or the SVG sources. About 2.2 MB download, 12 MB unzipped.

The preview images are renders of the actual shipped files: the first catches the real GIFs mid-animation; the second shows real sprite sheets from the pack.

Licence: use in personal and commercial work, modify freely; do not resell or redistribute the pack itself as a competing download. Free minor updates.

Pairs well with Interface Essentials (the static set) - and the Everything Bundle carries the whole catalogue.

Full catalogue and previews: https://aefristore.web.app

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

Interface Motion - 16 animated stroke icons preview 1Interface Motion - 16 animated stroke icons preview 2Interface Motion - 16 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.