Ikon Mata Gratis (SVG)

48 ikon mata gratis dari set open-source. Klik salah satu untuk mengubah ukuran, warna, dan stroke-nya, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

Menggunakan ikon mata

Ikon mata dipakai untuk menampilkan atau menyembunyikan kata sandi, serta menandai visibilitas dan jumlah tayangan.

Semua ikon di sini mengikuti currentColor, sehingga warnanya mengikuti warna teks elemen tempat ikon itu 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 “Mata”.

Lisensi

Ikon mata ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, dan Material Design Icons. Semuanya adalah set open-source di bawah lisensi MIT, ISC, atau Apache 2.0 yang mengizinkan penggunaan pribadi maupun komersial. Butuh yang lain? Cari semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon mata ini gratis untuk penggunaan komersial?
Ya. Ikon berasal dari set open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Tetap cantumkan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon mata?
SVG-nya menggunakan currentColor, jadi atur properti color CSS pada elemen induknya. Atau buka ikon di finder dan pilih warna tetap sebelum menyalinnya.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Salin ke Webflow (menempel sebagai Code Embed) atau Salin JSX untuk komponen React.