260+ open source flag icons to use in your design tool or in your code project
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 Vue or React.
Learn how to get startedWith over 260 country flag icons and various additional flags such as the United Nations flag or pride flag Flagpack has everything you need.
Look up any flagWhether 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 sizesChange 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
Download and use Flagpack in your favorite design tool. Available as customizable Figma Components and Sketch Symbols.
Using Flagpack in your design tool
Install and use Flagpack within your code project. Available for JavaScript frameworks / libraries Angular, Vue and React.
Using Flagpack in your code projectFlagpack is created to make your life as designer or developer easier. All 260+ flag icons are available as customizable components.
Duplicate the Flagpack Stickersheet as a Figma Community File to get started with Flagpack in Figma.
Using Flagpack in FigmaDownload and use Flagpack as a Shared Library or as a standalone file to get started with Flagpack in Sketch.
Using Flagpack in Sketch
Not only does Flagpack contain over 260 national flags. Miscellaneous other flags like the European Union flag and the Rainbow flag are also included.
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
Take the quality of your website of (web) app to the next level and start using Flagpack's stunning flag icons today.