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