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