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