UI 16px / 32px icons
13,229 free, open source SVG icons in 18 UI 16px / 32px icon sets. The largest are Carbon, Bootstrap Icons and IonIcons. Open a set to browse its icons, check its license and copy SVG, React, Vue or CSS code.
UI 16px / 32px icon sets (18)
About UI 16px / 32px icons
These sets are drawn on a 16px or 32px grid. 16px icons stay crisp in dense interfaces such as tables, code editors and toolbars; 32px icons suit larger touch targets and feature illustrations.
Iconyz lists 13,229 UI 16px / 32px icons from 18 sets. The largest are Carbon, Bootstrap Icons and IonIcons. 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: 15 sets can be used commercially without attribution, 3 allow commercial use with credit to the author. The table below summarizes them; each set page links to its full license.
UI 16px / 32px icon licenses
| License | Icon sets | Commercial use | Attribution |
|---|---|---|---|
| MIT | 13 | Yes | Not required |
| CC-BY-4.0 | 3 | Yes | Required |
| Apache-2.0 | 1 | Yes | Not required |
| BSD-3-Clause | 1 | Yes | Not required |
A summary, not legal advice. Read our guide to icon licenses and the license linked on each set page.
UI 16px / 32px icons FAQ
Are UI 16px / 32px icons free for commercial use?
Most are, but it depends on the set. 15 of the 18 UI 16px / 32px icon sets allow commercial use without attribution (MIT, Apache-2.0, BSD-3-Clause). 3 more allow it if you credit the author.
Which UI 16px / 32px icon set has the most icons?
Carbon is the largest, with 2,632 icons. Larger sets are more likely to cover every icon you need, which keeps your interface visually consistent.
How do I use UI 16px / 32px 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 16px / 32px 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 24px (65) UI Multicolor (12) UI Other / Mixed Grid (35) Archive / Unmaintained (30) Uncategorized (16)