Flag Icon
Free SVG icon from the Pixelarticons collection. Download or copy for use in any project.
The Flag icon is commonly used in language pickers, country selectors and geolocation features. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/312919.svg" alt="Flag icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/312919.svg" alt="Flag icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/312919.svg" alt="Flag icon" :width="24" :height="24" />
CSS background
.icon-flag {
background-image: url('https://proicons.com/icon/312919.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"> <path d="M4 2h2v20H4z"/> <path d="M4 4h16v2H4zm12 2h2v2h-2zm-2 2h2v2h-2zm2 2h2v2h-2zM4 12h16v2H4z"/> </svg>
Flag in other icon packs
Copied!