Cara memakai ikon bulan dan dark mode
Ikon bulan (sering dipasangkan dengan matahari) adalah tombol pengganti mode terang/gelap yang kini diharapkan pengunjung.
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, baik di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya lewat CSS dengan 1em) agar tata letak tidak bergeser saat halaman dimuat.
Ikon yang ramah aksesibilitas
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 “Ikon Bulan dan Dark Mode”.
Lisensi
Ikon bulan dan dark mode ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, dan Carbon. Semuanya adalah set open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang memperbolehkan 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.