Cara menggunakan ikon warning
Segitiga dan tanda seru menandai peringatan serta error. Pasangkan ikon dengan teks agar maknanya tidak hanya bergantung pada warna.
Semua ikon di sini mengikuti currentColor, sehingga mengikuti warna teks dari elemen tempatnya berada. Satu SVG bisa dipakai di latar terang maupun gelap, 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 aksesibel
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 “Peringatan”.
Lisensi
Ikon warning ini berasal dari Lucide, Phosphor, Iconoir, Fluent UI, Material Symbols, Material Design Icons, dan Carbon. Semuanya set open-source di bawah lisensi MIT, ISC, atau Apache 2.0 yang memperbolehkan penggunaan pribadi maupun komersial. Butuh yang lain? Cari semua 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.