Stunning flag icons for your digital product

250+ open source flag icons to use in your design tool or in your code project

user interface example mobile
user interface example 3 user interface example 3 user interface example 3
Easy to set up

Whip up and customize stunning flag icons in your favorite design tool. Or install and use with just a few lines of code, available for React, Vue & Svelte.

Learn how to get started
Every flag you'll ever need

With over 250 pixel flag icons Flagpack has everything you need. Being an open source project, flag icons are under continual improvement.

Look up any flag
Optimized for small sizes

Whether you’re designing or building a website, web app or other kind of UI. Flagpacks flag icon are optimized to be usable even on smaller sizes.

Learn about icon sizes
Change the look & feel

Change the look of the flag icons by choosing one of the sleek predefined styling effects. Or customize the look to your liking.

View customization options
visual

For designers

Download and use Flagpack in your favorite design tool. Available as customizable Figma Components and Sketch Symbols.

Using Flagpack in your design tool
visual

For developers

Install and use Flagpack within your code project. Available for JavaScript frameworks React, Vue and Svelte.

Using Flagpack in your code project

Easy to set up

Flagpack is created to make your life as designer or developer easier. All 250+ flag icons are available as customizable components.

Seamlessly integrated in your design workflow

Flagpack for Figma

Duplicate the Figma Community File to get started with Flagpack in Figma as stand-alone figma file or team library.

Using Flagpack in Figma
Flagpack for Sketch

Download and use Flagpack as a Shared Library or as a standalone file to get started with Flagpack in Sketch.

Using Flagpack in Sketch
Flagpack for Adobe XD
Coming soon

Every flag you’ll need

Flagpack has every country flag you'll need to spice up your contain over 250 national flags.

Besides, Flagpack is an open source project meaning it will be updated based on improvements and contributions by the design and the developer community.

View or find flags

Start using stunning flags

Take the quality of your website of (web) app to the next level and start using Flagpack's stunning flag icons today.