morphing-icons

SKILL.md

Build icons that transform through actual shape transformation, not crossfades. Any icon can morph into any other because they share the same underlying 3-line structure.

Every icon is composed of exactly three SVG lines. Icons that need fewer lines collapse the extras to invisible center points. This constraint enables seamless morphing between any two icons.

Icons needing fewer than 3 lines use collapsed lines—zero-length lines at the center:

Créez des composants d'icône où n'importe quelle icône se transforme en une autre grâce à la transformation de ligne SVG. À utiliser lorsqu'on vous demande de « créer des icônes de morphing », « créer des transitions d'icônes », « animer entre les icônes » ou « transformer des icônes ». Source : raphaelsalaja/userinterface-wiki.

Voir l'original