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