Все инструменты

morphicons

ИконкиФреймворкиFreeOpen Source

Библиотека для разработчиков, которая плавно превращает одну иконку в другую — например, «бургер» в крестик — в React, Vue и Svelte.

morphicons — морфинг SVG-иконок для React, Vue и Svelte

morphicons — морфинг SVG-иконок для React, Vue и Svelte

morphicons в 2026 году

morphicons — библиотека для разработчиков, которая плавно превращает одну иконку в другую: «бургер» меню в крестик, «плюс» в галочку, «плей» в паузу. Обычные библиотеки либо просто подменяют одну картинку другой, либо требуют вручную готовить пары «из чего во что». Здесь пары не нужны: библиотека сама считает, как лучше перейти от одной фигуры к другой — если иконки одной формы, просто поворачивает, если разной — перетекает по кратчайшему пути.

Работает с любыми контурными иконками на общей сетке 24×24 — Lucide, Tabler, Heroicons, Iconoir, Akar, Untitled UI, Hugeicons, shadcn — и даже между наборами. Ядро — 6,5 КБ в сжатом виде, без зависимостей, все иконки на экране анимируются одним общим циклом отрисовки. Есть обёртки для React, Vue, Svelte, React Native и обычного JavaScript. Код открыт на GitHub под лицензией MIT, 584 звезды.

Сильные стороны: не нужно вручную описывать пары и повороты; крошечный размер и ноль зависимостей; работает сразу с несколькими популярными наборами иконок; открытый код.

Слабые стороны: только контурные иконки на единой сетке; проект молодой — сообщество и документация пока небольшие.

Вывод: если нужно анимированное переключение между иконками без вникания в математику — morphicons делает это в 6 КБ и без единой лишней зависимости.