Анимированные иконки волшебная палочка
48 иконок с движением
Каждая иконка волшебная палочка ниже воспроизводит движение из аниматора иконок. Переключите движение для всей страницы, затем скачайте любую иконку как анимированный SVG, GIF, WebP или Lottie либо откройте в аниматоре для точной настройки.
WandТряска
WandПоявление
WandПарение
WandПульсация
WandКачание
WandПоявление
WandОтскок
WandПоявление
WandТряска
WandКачание
WandПульсация
WandПоявление
WandПульсация
WandКачание
WandПарение
WandПокачивание
WandПульсация
WandПарение
WandПокачивание
WandПарение
WandКачание
WandПокачивание
WandТряска
WandОтскок
WandКачание
WandПокачивание
WandКачание
WandСердцебиение
WandПульсация
WandСердцебиение
WandОтскок
WandОтскок
WandПоявление
WandПокачивание
WandТряска
WandОтскок
WandПульсация
WandПарение
WandОтскок
WandПульсация
WandПульсация
WandТряска
WandПокачивание
WandОтскок
WandПульсация
WandПульсация
WandПокачивание
WandПоявление
Форматы анимированных иконок волшебная палочка
Анимированный 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, если хотите, чтобы он следовал цвету текста.
Да. Откройте иконку в аниматоре, чтобы изменить движение, скорость, силу и то, какие части двигаются, затем скачайте её оттуда.