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

Ikon Filter Gratis (SVG)

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

filter
Tablerfilter
Bootstrap Iconsfilter
Iconoirfilter-12-filled
Fluent UIfilter
Material Symbolsfilter
Material Design Iconsfilter
Carbonfilter-filled
Tablerfilter-solid
Iconoirfilter-12-regular
Fluent UIfilter-outline
Material Symbolsfilter-outline
Material Design Iconsfilter-filled
Carbonfilter-2
Tablerfilter-16-filled
Fluent UIfilter-outline-rounded
Material Symbolsfilter-1
Material Design Iconsfilter-x
Tablerfilter-16-regular
Fluent UIfilter-outline-sharp
Material Symbolsfilter-2
Material Design Iconsfilter-up
Tablerfilter-20-filled
Fluent UIfilter-rounded
Material Symbolsfilter-3
Material Design Iconsfilter-20-regular
Fluent UIfilter-sharp
Material Symbolsfilter-4
Material Design Iconsfilter-24-filled
Fluent UIfilter-1
Material Symbolsfilter-5
Material Design Iconsfilter-24-regular
Fluent UIfilter-1-outline
Material Symbolsfilter-6
Material Design Iconsfilter-28-filled
Fluent UIfilter-1-outline-rounded
Material Symbolsfilter-7
Material Design Iconsfilter-28-regular
Fluent UIfilter-1-outline-sharp
Material Symbolsfilter-8
Material Design Iconsfilter-32-filled
Fluent UIfilter-1-rounded
Material Symbolsfilter-9
Material Design Iconsfilter-32-light
Fluent UIfilter-1-sharp
Material Symbolsfilter-32-regular
Fluent UIfilter-2
Material Symbolsfilter-2-outline
Material Symbols

Menggunakan ikon filter

Corong (funnel) membuka filter pada daftar produk, tabel, dan hasil pencarian.

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

Lisensi

Ikon filter ini berasal dari Tabler, 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 mengizinkan penggunaan pribadi maupun komersial. Butuh ikon lain? Cari semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon filter ini gratis untuk penggunaan komersial?
Ya. Ikon ini 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 filter?
SVG-nya menggunakan currentColor, jadi atur warna 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 Copy to Webflow (menempel sebagai Code Embed) atau Copy JSX untuk komponen React.