Превратите SVG в Lottie-анимацию

Возьмите SVG-иконку, логотип или иллюстрацию. Откройте её в Libre, добавьте движение и скачайте анимацию Lottie. Редактор и экспорт бесплатны.

Редактирование и экспорт бесплатны. Аккаунт не нужен.

Редактор и документация на английском.

От SVG к анимации

Импортируйте SVG
Откройте Studio и нажмите Import или перетащите SVG в открытую анимацию. Можно вставить и SVG-код. Если появится окно проверки импорта, сравните результат с оригиналом и нажмите Insert.
Выберите, что будет двигаться
Выделите слой. В начале таймлайна нажмите ромб рядом с Position, чтобы поставить первый ключевой кадр.
Добавьте движение
Переместите указатель времени дальше и перетащите слой в новое положение. Нажмите пробел для просмотра. Так же можно анимировать поворот, масштаб и прозрачность.
Скачайте Lottie
Нажмите Export, проверьте предпросмотр Lottie и скачайте Lottie JSON или dotLottie. Через Document actions → Download source сохраните также редактируемый исходник Libre.

Статичный SVG начнёт двигаться, когда вы добавите ключевые кадры. Готовая SVG-анимация на CSS, SMIL или JavaScript не переносится на таймлайн.
Если сложная иллюстрация импортируется с отличиями, упростите её или преобразуйте элементы в векторные контуры в исходной программе. Проверьте результат до начала анимации.