Menggunakan ikon check
Tanda centang menandakan keberhasilan, opsi yang dipilih, dan langkah yang sudah selesai. Centang dalam lingkaran terasa lebih kuat sebagai “selesai”.
Semua ikon di sini mengikuti currentColor, sehingga warnanya ikut warna teks pada elemen tempat ikon berada. Satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun di tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) supaya tata letak tidak bergeser saat halaman dimuat.
Ikon yang mudah diakses
Jika ikon bersifat dekoratif atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten tombol atau tautan, beri elemen tersebut aria-label seperti “Check”.
Lisensi
Ikon check ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, dan Material Design Icons. Semuanya set open-source dengan lisensi MIT, ISC, atau Apache 2.0, yang memperbolehkan penggunaan pribadi maupun komersial. Butuh ikon lain? Cari di lebih dari 70.000 ikon di SVG Icon Finder.
Pencari Ikon SVG
Cari 70.000+ ikon SVG open-source — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material, dan lainnya.