Menggunakan ikon pencarian
Ikon kaca pembesar menandai kolom dan tombol pencarian. Letakkan di dalam input di sisi kiri, atau sebagai tombol yang berubah menjadi kolom di layar kecil.
Semua ikon di sini mengikuti currentColor, jadi warnanya mengikuti warna teks elemen tempat ikon berada. Satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) agar 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 sebuah tombol atau tautan, beri elemen tersebut aria-label seperti “Cari”.
Lisensi
Ikon pencarian ini berasal dari Lucide, Tabler, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, dan Carbon. Semuanya set open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan pribadi maupun komersial. Butuh yang lain? Cari 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.