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

Ikon Settings Gratis (SVG)

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

Diperbarui

settings
Lucidesettings
Tablersettings
Iconoirsettings-16-filled
Fluent UIsettings
Material Symbolssettings
Material Design Iconssettings
Carbonsettings-2
Lucidesettings-filled
Tablerios-settings
Iconoirsettings-16-regular
Fluent UIsettings-outline
Material Symbolssettings-outline
Material Design Iconssettings-edit
Carbonsettings-2
Tablersettings-20-filled
Fluent UIsettings-outline-rounded
Material Symbolscar-settings
Material Design Iconssettings-view
Carbonsettings-x
Tablersettings-20-regular
Fluent UIsettings-rounded
Material Symbolssettings-off
Material Design Iconssync-settings
Carbonsettings-ai
Tablersettings-24-filled
Fluent UIsettings-cell
Material Symbolssettings-off-outline
Material Design Iconstask-settings
Carbonsettings-up
Tablersettings-24-regular
Fluent UIrule-settings
Material Symbolseye-settings
Material Design Iconsuser-settings
Carbonsettings-cog
Tablersettings-28-filled
Fluent UIrule-settings-rounded
Material Symbolseye-settings-outline
Material Design Iconssettings-off
Tablersettings-28-regular
Fluent UIbell-settings
Material Design Iconssettings-pin
Tablersettings-32-filled
Fluent UIbell-settings-outline
Material Design Iconsfile-settings
Tablersettings-32-light
Fluent UIbook-settings
Material Design Iconsfile-settings-filled
Tabler

Cara menggunakan ikon settings

Ikon roda gigi (cog) membuka pengaturan dan preferensi; ikon sliders adalah alternatif umum untuk filter.

Semua ikon di sini mengikuti currentColor, sehingga mereka mengambil 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 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 “Pengaturan”.

Lisensi

Ikon settings ini berasal dari Lucide, Tabler, 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 semua 70.000+ ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

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