Анимированные иконки магия
48 иконок с движением
Каждая иконка магия ниже воспроизводит движение из аниматора иконок. Переключите движение для всей страницы, затем скачайте любую иконку как анимированный SVG, GIF, WebP или Lottie либо откройте в аниматоре для точной настройки.
MagicПокачивание
MagicКачание
MagicПоявление
MagicСердцебиение
MagicКачание
MagicПарение
MagicПарение
MagicПарение
MagicСердцебиение
MagicПарение
MagicКачание
MagicПарение
MagicКачание
MagicСердцебиение
MagicПоявление
MagicПоявление
MagicПоявление
MagicПокачивание
MagicКачание
MagicПульсация
MagicПокачивание
MagicОтскок
MagicПоявление
MagicПокачивание
MagicСердцебиение
MagicСердцебиение
MagicОтскок
MagicСердцебиение
MagicПоявление
MagicПарение
MagicПарение
MagicОтскок
MagicТряска
MagicПульсация
MagicСердцебиение
MagicПокачивание
MagicПарение
MagicКачание
MagicТряска
MagicПарение
MagicПульсация
MagicТряска
MagicПоявление
MagicПарение
MagicПокачивание
MagicКачание
MagicПульсация
MagicПарение
Форматы анимированных иконок магия
Анимированный SVG
Иконка с движением в виде CSS внутри файла. Работает в любом браузере как изображение или inline, остаётся чёткой в любом размере и весит несколько килобайт.
GIF и WebP
Пиксельные файлы для слайдов, чатов, почты и постов в соцсетях. GIF открывается везде; анимированный WebP меньше и с плавной прозрачностью.
Lottie JSON
Для приложений и сайтов с lottie-web, React Native или процессами After Effects. Векторный, крошечный и программируемый.
Движения: Пульсация, Отскок, Покачивание, Парение, Качание, Сердцебиение, Появление, Тряска, Вращение, Проявление, Выезд, Рисование. Анимировать свою иконку →
Вопросы об анимированных иконках магия
Остались сомнения? Прочитайте лицензию или напишите нам.
Да. Предпросмотр и загрузка анимированного SVG бесплатны; файлы GIF, WebP и Lottie следуют настройкам загрузки сайта и могут потребовать входа.
Анимированный SVG, GIF, анимированный WebP и Lottie JSON. Откройте иконку в аниматоре для MP4, dotLottie и стикеров Telegram.
Добавьте его как любое изображение: <img src="icon.svg">. Движение — это CSS внутри файла, поэтому оно воспроизводится без скриптов. Встройте SVG inline, если хотите, чтобы он следовал цвету текста.
Да. Откройте иконку в аниматоре, чтобы изменить движение, скорость, силу и то, какие части двигаются, затем скачайте её оттуда.