Ikon Keranjang Belanja Gratis (SVG)

48 ikon keranjang belanja gratis dari set open-source — klik salah satu untuk mengubah ukuran, warna, dan ketebalan garis, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

Cara menggunakan ikon keranjang belanja

Ikon keranjang atau tas membuka keranjang belanja di toko online, sering kali dengan lencana kecil yang menampilkan jumlah barang.

Semua ikon di sini mengikuti currentColor, sehingga warnanya mengikuti warna teks 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 di 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 “Keranjang Belanja”.

Lisensi

Ikon keranjang belanja ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Material Symbols, Material Design Icons, Carbon — set open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan pribadi maupun komersial. Butuh ikon lain? Cari semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon keranjang belanja ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang mengizinkan penggunaan komersial. Tetap sertakan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon keranjang belanja?
SVG-nya menggunakan currentColor, jadi atur properti color CSS pada elemen induk — atau buka ikon di pencarian dan pilih warna tetap sebelum menyalin.
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.