Flags / Maps icons
6,698 free, open source SVG icons in 12 Flags / Maps icon sets. The largest are Pinhead Map Icons, Circle Flags and Röntgen. Open a set to browse its icons, check its license and copy SVG, React, Vue or CSS code.
Flags / Maps icon sets (12)
About Flags / Maps icons
Flags and maps sets include country and regional flags plus map outlines. They are used for language and country pickers, shipping forms, travel sites and statistics dashboards.
Iconyz lists 6,698 Flags / Maps icons from 12 sets. The largest are Pinhead Map Icons, Circle Flags and Röntgen. 8 are monotone and can be recolored with CSS; 4 are multicolor.
Licenses vary by set: 10 sets can be used commercially without attribution, 2 allow commercial use with credit to the author. The table below summarizes them; each set page links to its full license.
Flags / Maps icon licenses
| License | Icon sets | Commercial use | Attribution |
|---|---|---|---|
| CC0-1.0 | 5 | Yes | Not required |
| MIT | 4 | Yes | Not required |
| CC-BY-4.0 | 2 | Yes | Required |
| OFL-1.1 | 1 | Yes | Not required |
A summary, not legal advice. Read our guide to icon licenses and the license linked on each set page.
Flags / Maps icons FAQ
Are Flags / Maps icons free for commercial use?
Most are, but it depends on the set. 10 of the 12 Flags / Maps icon sets allow commercial use without attribution (CC0-1.0, MIT, OFL-1.1). 2 more allow it if you credit the author.
Which Flags / Maps icon set has the most icons?
Pinhead Map Icons is the largest, with 2,960 icons. Larger sets are more likely to cover every icon you need, which keeps your interface visually consistent.
How do I use Flags / Maps 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 Flags / Maps 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) Logos (18) Material (6) Programming (11) Thematic (9) UI 16px / 32px (18) UI 24px (65) UI Multicolor (12) UI Other / Mixed Grid (35) Archive / Unmaintained (30) Uncategorized (16)