UI 24px icons
149,521 free, open source SVG icons in 65 UI 24px icon sets. The largest are IconMind, IconOven and Keyline Icons. Open a set to browse its icons, check its license and copy SVG, React, Vue or CSS code.
UI 24px icon sets (65)
IconMind
IconOven
Keyline Icons
Solar
Reicon
Tabler Icons
Huge Icons
Boxicons
MingCute Icon
Remix Icon
IconPark Outline
Lucide Extended
Myna UI Icons
andrsrxn/icons
TDesign Icons
Griddy Icons
Ultimate free icons
IconPark Solid
IconPark TwoTone
Lucide
IconaMoon
Iconoir
Lets Icons
Sharp free icons
Plump free icons
Sargam Icons
Unicons
Mage Icons
Pixelarticons
Stash Icons
Jam Icons
BoxIcons v2
Majesticons
Flowbite Icons
css.gg
BoxIcons v2 Solid
Lineicons
Pixel Icon
ProIcons
Vadivam
Cyber free icons
Basil
Akar Icons
coolicons
Meteor Icons
Lucide Lab
Guidance
WordPress Icons
Typicons
Bitcoin Icons
Prime Icons
Unicons Monochrome
Circum Icons
Humbleicons
Feather Icon
EOS Icons
Unicons Thin Line
Gridicons
Matita
Unicons Solid
Cuida Icons
Mono Icons
WeUI Icon
Duoicons
SVG Spinners
About UI 24px icons
UI 24px sets are drawn on a 24×24 pixel grid, the most common size for interface icons. They cover actions, navigation, files, devices and status indicators, and are the default choice for buttons, menus, toolbars and navigation bars.
Iconyz lists 149,521 UI 24px icons from 65 sets. The largest are IconMind, IconOven and Keyline Icons. All of them are monotone, so every icon takes the color of the surrounding text (currentColor) and can be recolored with CSS.
Licenses vary by set: 53 sets can be used commercially without attribution, 12 allow commercial use with credit to the author. The table below summarizes them; each set page links to its full license.
UI 24px icon licenses
| License | Icon sets | Commercial use | Attribution |
|---|---|---|---|
| MIT | 36 | Yes | Not required |
| Apache-2.0 | 11 | Yes | Not required |
| CC-BY-4.0 | 11 | Yes | Required |
| ISC | 3 | Yes | Not required |
| CC-BY-SA-4.0 | 1 | Yes | Required |
| GPL-2.0-only | 1 | Yes | Not required |
| GPL-2.0-or-later | 1 | Yes | Not required |
| MPL-2.0 | 1 | Yes | Not required |
A summary, not legal advice. Read our guide to icon licenses and the license linked on each set page.
UI 24px icons FAQ
Are UI 24px icons free for commercial use?
Most are, but it depends on the set. 53 of the 65 UI 24px icon sets allow commercial use without attribution (MIT, Apache-2.0, ISC, GPL-2.0-only). 12 more allow it if you credit the author.
Which UI 24px icon set has the most icons?
IconMind is the largest, with 31,722 icons. Larger sets are more likely to cover every icon you need, which keeps your interface visually consistent.
How do I use UI 24px icons in React, Vue or HTML?
Open any icon and copy its code as SVG, JSX for React or Solid, a Vue or Svelte component, Astro or CSS, or download it as SVG or PNG. You can also link an icon directly from HTML with an <img> tag that points to its SVG URL.
Can I change the color of UI 24px icons?
Yes, for monotone sets. Their SVG code uses currentColor, so inline icons follow the CSS color of their parent element. When linking an icon as an image, add ?color=%23RRGGBB to its SVG URL. Multicolor icons keep their original colors.
Other icon categories
Emoji (11) Flags / Maps (12) Logos (18) Material (6) Programming (11) Thematic (9) UI 16px / 32px (18) UI Multicolor (12) UI Other / Mixed Grid (35) Archive / Unmaintained (30) Uncategorized (16)