devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Ikon Folder Gratis (SVG)

48 ikon folder 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

folder
Lucidefolder
Tablerfolder
Heroiconsfolder
Phosphorfolder
Bootstrap Iconsfolder
Iconoirfolder-16-filled
Fluent UIfolder
Material Symbolsfolder
Material Design Iconsfolder
Carbonfolder-x
Lucidefolder-filled
Tablerfolder-16-solid
Heroiconsfolder-bold
Phosphorfolder-fill
Bootstrap Iconsfolder-16-regular
Fluent UIfolder-outline
Material Symbolsfolder-outline
Material Design Iconsfolder-add
Carbonfolder-up
Lucidefolder-x
Tablerfolder-20-solid
Heroiconsfolder-duotone
Phosphorfolder-x
Bootstrap Iconsfolder-20-filled
Fluent UIfolder-outline-rounded
Material Symbolsfolder-cog
Material Design Iconsfolder-off
Carbonfolder-cog
Lucidefolder-ai
Tablerfolder-solid
Heroiconsfolder-fill
Phosphorfolder-20-regular
Fluent UIfolder-outline-sharp
Material Symbolsfolder-cog-outline
Material Design Iconsfolder-dot
Lucidefolder-up
Tablerfolder-light
Phosphorfolder-24-filled
Fluent UIfolder-rounded
Material Symbolsfolder-eye
Material Design Iconsfolder-git
Lucidefolder-cog
Tablerfolder-thin
Phosphorfolder-24-regular
Fluent UIfolder-sharp
Material Symbolsfolder-eye-outline
Material Design Iconsfolder-key
Lucide

Menggunakan ikon folder

Folder mengelompokkan file dan proyek; folder yang terbuka menunjukkan lokasi saat ini.

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 tombol atau tautan, beri elemen tersebut aria-label seperti “Folder”.

Lisensi

Ikon folder ini berasal dari Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — 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.

Pertanyaan yang sering diajukan

Apakah ikon folder ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang memperbolehkan penggunaan komersial. Tetap sertakan catatan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon folder?
SVG-nya menggunakan currentColor, jadi atur warna CSS pada elemen induknya — atau buka ikon di finder dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Copy to Webflow (akan ditempel sebagai Code Embed) atau Copy JSX untuk komponen React.