Animasyonlu düğme ikonları
Hareketli 48 ikon
Aşağıdaki her düğme ikonu, ikon animatöründen bir hareket oynatıyor. Hareketi tüm sayfa için değiştirin, sonra herhangi bir ikonu animasyonlu SVG, GIF, WebP veya Lottie dosyası olarak indirin ya da ince ayar için animatörde açın.
ButtonSüzül
ButtonTitre
ButtonNabız
ButtonBelir
ButtonKalp atışı
ButtonZıpla
ButtonNabız
ButtonBelir
ButtonKalp atışı
ButtonNabız
ButtonSalın
ButtonSalın
ButtonTitre
ButtonKalp atışı
ButtonTitre
ButtonTitre
ButtonSalın
ButtonZıpla
ButtonKalp atışı
ButtonKıpırda
ButtonSüzül
ButtonTitre
ButtonNabız
ButtonZıpla
ButtonKıpırda
ButtonSalın
ButtonZıpla
ButtonTitre
ButtonSalın
ButtonSalın
ButtonKalp atışı
ButtonZıpla
ButtonSüzül
ButtonKıpırda
ButtonSalın
ButtonSüzül
ButtonNabız
ButtonKalp atışı
ButtonKıpırda
ButtonBelir
ButtonKalp atışı
ButtonBelir
ButtonBelir
ButtonNabız
ButtonSalın
ButtonSüzül
ButtonBelir
ButtonKıpırda
Animasyonlu düğme ikonu formatları
Animasyonlu SVG
Hareketi dosyanın içinde CSS olarak bulunan ikon. Her tarayıcıda görsel veya satır içi olarak çalışır, her boyutta keskin kalır ve birkaç kilobayt tutar.
GIF ve WebP
Sunumlar, sohbetler, e-posta ve sosyal gönderiler için piksel dosyalar. GIF her yerde açılır; animasyonlu WebP pürüzsüz alfa ile daha küçüktür.
Lottie JSON
lottie-web, React Native veya After Effects iş akışları kullanan uygulamalar ve siteler için. Vektör, küçük ve betiklenebilir.
Hareketler: Nabız, Zıpla, Kıpırda, Süzül, Salın, Kalp atışı, Belir, Titre, Dön, Solarak gel, Kayarak gel, Çiz. Kendi ikonunuzu hareketlendirin →
Animasyonlu düğme ikonları SSS
Hâlâ emin değil misiniz? Lisansı okuyun veya bize yazın.
Evet. Önizlemeler ve animasyonlu SVG indirmeleri ücretsizdir; GIF, WebP ve Lottie dosyaları sitenin indirme ayarlarına uyar ve giriş yapmanızı isteyebilir.
Animasyonlu SVG, GIF, animasyonlu WebP ve Lottie JSON. MP4, dotLottie ve Telegram çıkartma dosyaları için ikonu animatörde açın.
Herhangi bir görsel gibi ekleyin: <img src="icon.svg">. Hareket dosyanın içinde CSS olduğundan betik olmadan oynar. Metin rengini izlemesini istediğinizde SVG'yi satır içine alın.
Evet. Hareketi, hızı, yoğunluğu ve hangi parçaların hareket edeceğini değiştirmek için ikonu animatörde açın, sonra oradan indirin.