// CURATED NICHE COLLECTION

Free Settings SVG Icons for Modern Web UIs

Finding consistent and legal settings icons for technical web products is now simple. We compiled over 100 premium, commercially-safe settings icons across Lucide, Heroicons, Tabler, Phosphor, and Radix. You can search, inspect their package size, and copy their code directly. Use our centralinteractive customizerto adjust strokes and colors dynamically before exporting.

SETTINGS ICONS CATALOG (100)

ColumnsSettings
ColumnsSettingslucide
Settings2
Settings2lucide
Settings
Settingslucide
IconFileSettings
IconFileSettingstabler
IconFileSettingsFilled
IconFileSettingsFilledtabler
IconSettings
IconSettingstabler
IconSettings2
IconSettings2tabler
IconSettingsAi
IconSettingsAitabler
IconSettingsAutomation
IconSettingsAutomationtabler
IconSettingsBolt
IconSettingsBolttabler
IconSettingsCancel
IconSettingsCanceltabler
IconSettingsCheck
IconSettingsChecktabler
IconSettingsCode
IconSettingsCodetabler
IconSettingsCog
IconSettingsCogtabler
IconSettingsDollar
IconSettingsDollartabler
IconSettingsDown
IconSettingsDowntabler
IconSettingsExclamation
IconSettingsExclamationtabler
IconSettingsFilled
IconSettingsFilledtabler
IconSettingsHeart
IconSettingsHearttabler
IconSettingsMinus
IconSettingsMinustabler
IconSettingsOff
IconSettingsOfftabler
IconSettingsPause
IconSettingsPausetabler
IconSettingsPin
IconSettingsPintabler
IconSettingsPlus
IconSettingsPlustabler
IconSettingsQuestion
IconSettingsQuestiontabler
IconSettingsSearch
IconSettingsSearchtabler
IconSettingsShare
IconSettingsSharetabler
IconSettingsSpark
IconSettingsSparktabler
IconSettingsStar
IconSettingsStartabler
IconSettingsUp
IconSettingsUptabler
IconSettingsX
IconSettingsXtabler
Settings
Settingsfeather
MailSettingsFill
MailSettingsFillremix-icon
MailSettingsLine
MailSettingsLineremix-icon
ChatSettingsFill
ChatSettingsFillremix-icon
ChatSettingsLine
ChatSettingsLineremix-icon
FileSettingsFill
FileSettingsFillremix-icon
FileSettingsLine
FileSettingsLineremix-icon
FolderSettingsFill
FolderSettingsFillremix-icon
FolderSettingsLine
FolderSettingsLineremix-icon
ListSettingsFill
ListSettingsFillremix-icon
ListSettingsLine
ListSettingsLineremix-icon
Settings2Fill
Settings2Fillremix-icon
Settings2Line
Settings2Lineremix-icon
Settings3Fill
Settings3Fillremix-icon
Settings3Line
Settings3Lineremix-icon
Settings4Fill
Settings4Fillremix-icon
Settings4Line
Settings4Lineremix-icon
Settings5Fill
Settings5Fillremix-icon
Settings5Line
Settings5Lineremix-icon
Settings6Fill
Settings6Fillremix-icon
Settings6Line
Settings6Lineremix-icon
SettingsFill
SettingsFillremix-icon
SettingsLine
SettingsLineremix-icon
UserSettingsFill
UserSettingsFillremix-icon
UserSettingsLine
UserSettingsLineremix-icon
DatabaseSettings
DatabaseSettingsiconoir
FolderSettings
FolderSettingsiconoir
IosSettings
IosSettingsiconoir
Settings
Settingsiconoir
SettingsProfiles
SettingsProfilesiconoir
AdminPanelSettings
AdminPanelSettingsiconify-material-symbols
AdminPanelSettingsOutline
AdminPanelSettingsOutlineiconify-material-symbols
AdminPanelSettingsOutlineRounded
AdminPanelSettingsOutlineRoundediconify-material-symbols
AdminPanelSettingsRounded
AdminPanelSettingsRoundediconify-material-symbols
DisplaySettings
DisplaySettingsiconify-material-symbols
DisplaySettingsOutline
DisplaySettingsOutlineiconify-material-symbols
DisplaySettingsOutlineRounded
DisplaySettingsOutlineRoundediconify-material-symbols
DisplaySettingsOutlineSharp
DisplaySettingsOutlineSharpiconify-material-symbols
DisplaySettingsRounded
DisplaySettingsRoundediconify-material-symbols
DisplaySettingsSharp
DisplaySettingsSharpiconify-material-symbols
NotificationSettings
NotificationSettingsiconify-material-symbols
NotificationSettingsOutline
NotificationSettingsOutlineiconify-material-symbols
NotificationSettingsOutlineRounded
NotificationSettingsOutlineRoundediconify-material-symbols
NotificationSettingsRounded
NotificationSettingsRoundediconify-material-symbols
PowerSettingsCircle
PowerSettingsCircleiconify-material-symbols
PowerSettingsCircleOutline
PowerSettingsCircleOutlineiconify-material-symbols
PowerSettingsCircleOutlineRounded
PowerSettingsCircleOutlineRoundediconify-material-symbols
PowerSettingsCircleRounded
PowerSettingsCircleRoundediconify-material-symbols
PowerSettingsNew
PowerSettingsNewiconify-material-symbols
PowerSettingsNewOutline
PowerSettingsNewOutlineiconify-material-symbols
PowerSettingsNewOutlineRounded
PowerSettingsNewOutlineRoundediconify-material-symbols
PowerSettingsNewRounded
PowerSettingsNewRoundediconify-material-symbols
ResetSettings
ResetSettingsiconify-material-symbols
ResetSettingsOutlineRounded
ResetSettingsOutlineRoundediconify-material-symbols
ResetSettingsRounded
ResetSettingsRoundediconify-material-symbols
RuleSettings
RuleSettingsiconify-material-symbols
RuleSettingsRounded
RuleSettingsRoundediconify-material-symbols
Settings
Settingsiconify-material-symbols
SettingsAccessibility
SettingsAccessibilityiconify-material-symbols
SettingsAccessibilityRounded
SettingsAccessibilityRoundediconify-material-symbols
SettingsAccountBox
SettingsAccountBoxiconify-material-symbols
SettingsAccountBoxOutline
SettingsAccountBoxOutlineiconify-material-symbols
SettingsAccountBoxOutlineRounded
SettingsAccountBoxOutlineRoundediconify-material-symbols
SettingsAccountBoxOutlineSharp
SettingsAccountBoxOutlineSharpiconify-material-symbols
SettingsAccountBoxRounded
SettingsAccountBoxRoundediconify-material-symbols
SettingsAccountBoxSharp
SettingsAccountBoxSharpiconify-material-symbols
SettingsAlert
SettingsAlerticonify-material-symbols
SettingsAlertOutline
SettingsAlertOutlineiconify-material-symbols
SettingsAlertOutlineRounded
SettingsAlertOutlineRoundediconify-material-symbols

FREQUENTLY ASKED QUESTIONS

Are these settings icons free to use commercially?

Yes, all icons cataloged under the settings collection page are certified open-source, utilizing highly permissive licenses such as MIT, ISC, or public domain dedications. This covers SaaS dashboards, landing pages, corporate applications, and print designs completely royalty-free.

How do I use these in Tailwind CSS or React?

Simply click on any icon above to open it directly in our editor workspace. From there, you can adjust the stroke weight or scale, and copy the ready-to-paste Tailwind code or clean inline SVG markup instantly without installing extra npm packages.

EXPLORE MORE ICON COLLECTIONS & RESOURCES

Top Library Guides

Popular Collections

Optimizations