300 ikon · 20 kategori

Kategori ikon animasi

Setiap ikon useAnimations masuk ke satu kategori, mulai dari panah navigasi dan kontrol media hingga loader dan logo media sosial. Buka sebuah kategori untuk melihat semua ikonnya, tempat memakainya, dan kode untuk menambahkannya, atau jelajahi berdasarkan interaksi.

Peringatan5 ikonSegitiga peringatan, lingkaran alert, dan rambu stop yang berdenyut cukup untuk menarik perhatian tanpa berkedip-kedip. Taruh di samping field formulir yang gagal divalidasi, di awal banner error, atau di kolom status, tempat ikon diam mudah terlewat saat menggulir.
Notifikasi4 ikonIkon lonceng yang berdering saat ada aktivitas baru atau beralih antara bell dan bell-off. Ayunan singkat pada lonceng menarik mata ke jumlah notifikasi yang belum dibaca, dan versi toggle-nya sekaligus bisa menjadi tombol bisukan untuk channel atau thread.
Navigasi34 ikonMenu hamburger yang berubah menjadi tombol tutup, serta panah, chevron, dan panah sudut yang bergeser sedikit ke arahnya saat di-hover. Ikon ini memperjelas ke mana sebuah kontrol membawa pengguna: membuka drawer, kembali, membentangkan baris, atau keluar dari situs.
Aksi64 ikonKata kerja sebuah antarmuka: simpan, hapus, unduh, muat ulang, suka, bookmark, cari, dan pengaturan. Setiap ikon mengonfirmasi klik atau hover yang menjadi pemicunya, jadi hati terisi saat Anda menyukai postingan dan tutup tempat sampah terangkat sebelum Anda menghapus.
Konten22 ikonFile, folder, buku, surat, lampiran, dan orang. Ikon ini menandai hal-hal yang dikerjakan pengguna, dan varian tambah, hapus, serta centang membuat pengelolaan daftar dan tim terasa responsif.
Formulir3 ikonCheckbox, radio button, dan toggle switch yang beranimasi saat berpindah antara keadaan tercentang dan tidak tercentang. Pakai di tempat input biasa terasa datar, misalnya checklist onboarding dan layar pengaturan, sambil tetap menjaga keadaannya mudah dibaca sekilas.
Media28 ikonPlay dan pause, volume, mikrofon, kamera, skip, dan shuffle untuk pemutar audio dan video. Ikon toggle beralih di antara dua keadaannya, dari play ke pause atau dari mikrofon ke bisu, sehingga tombol selalu menunjukkan apa yang akan terjadi saat diklik.
Pengeditan teks10 ikonIkon tebal, miring, garis bawah, perataan, dan daftar untuk toolbar rich text. Animasi klik yang singkat mengonfirmasi bahwa format sudah diterapkan, yang membantu di editor ketika perubahan pada teksnya sendiri nyaris tak terlihat.
Komunikasi13 ikonTelepon, balon chat, tombol kirim, pesan suara, dan RSS. Ikon telepon mencakup keadaan panggilan masuk, keluar, tak terjawab, dan diteruskan yang dibutuhkan riwayat panggilan, sementara ikon kirim memberi sedikit gerakan pelepasan saat pesan dikirim.
Perangkat12 ikonPonsel, tablet, monitor, jam tangan, dan printer, plus indikator koneksi di sekitarnya: wifi, Bluetooth, dan baterai. Cocok untuk pemilih perangkat, pengalih pratinjau responsif, dan status konektivitas.
Cuaca16 ikonMatahari, bulan, awan, hujan, salju, petir, dan angin untuk prakiraan cuaca dan apa pun yang mengikuti waktu dalam sehari. Matahari dan bulan juga pas sebagai sakelar light mode dan dark mode.
Peta & lokasi9 ikonPin peta, panah navigasi, globe, target, dan jangkar. Pin yang jatuh saat di-hover membuat pencari lokasi toko atau alamat pengiriman lebih menonjol, dan globe cocok sebagai pengalih bahasa atau wilayah.
E-commerce11 ikonKeranjang belanja, tas, label harga, hadiah, kartu kredit, dan truk pengiriman untuk toko online. Animasi tambah ke keranjang mengonfirmasi klik tanpa perlu toast, dan ikon truk serta paket membuat status pesanan sedikit lebih hidup.
Grafik5 ikonGrafik batang, diagram lingkaran, dan panah tren untuk analitik dan pelaporan. Ikon trending-up dan trending-down menunjukkan sekilas apakah sebuah metrik naik atau turun, cocok untuk kartu KPI dan riwayat perubahan angka.
Pengembangan9 ikonKurung kode, terminal, branch Git, commit, merge, dan pull request, plus server dan database. Dibuat untuk developer tools, situs dokumentasi, dan halaman status yang antarmukanya memang memakai istilah Git dan infrastruktur.
Desain & tata letak10 ikonIkon grid, kolom, layer, crop, pen tool, dan kursor untuk editor dan builder. Cocok untuk toolbar tempat pengguna menata konten, beralih antara tampilan grid dan tabel, atau memilih alat gambar.
Bentuk & matematika8 ikonLingkaran, persegi, segitiga, segi enam, segi delapan, dan tanda bagi. Pakai sebagai alat bentuk di aplikasi gambar, sebagai operator kalkulator, atau sebagai penanda netral di diagram dan langkah onboarding.
Loading5 ikonSpinner dan loader yang terus berputar selama proses masih berjalan. Taruh di dalam tombol submit selama request berlangsung, di tempat konten yang masih dimuat, atau di splash screen layar penuh; ikon ini diam saat pengguna memilih reduced motion.
Media sosial22 ikonIkon merek untuk jejaring sosial dan platform tempat developer dan desainer berbagi karya: X, Instagram, YouTube, Discord, Telegram, Figma, dan lainnya. Ikon ini beranimasi saat di-hover, sehingga tautan di footer dan profil terasa bisa diklik.
Lainnya10 ikonIkon yang tidak masuk ke kelompok yang lebih besar: wajah emoji untuk umpan balik, cangkir kopi, jam, garis denyut, dan petunjuk gulir ke bawah. Ikon gulir ke bawah adalah petunjuk umum di bagian hero bahwa masih ada konten di bawahnya.