250+ 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 React, Vue & Svelte.
Learn how to get startedWith over 250 pixel flag icons Flagpack has everything you need. Being an open source project, flag icons are under continual improvement.
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 React, Vue and Svelte.
Using Flagpack in your code projectFlagpack is created to make your life as designer or developer easier. All 250+ flag icons are available as customizable components.
Duplicate the Figma Community File to get started with Flagpack in Figma as stand-alone figma file or team library.
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
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
Take the quality of your website of (web) app to the next level and start using Flagpack's stunning flag icons today.