Flag Icon
Free SVG icon from the IconaMoon 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/309167.svg" alt="Flag icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309167.svg" alt="Flag icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309167.svg" alt="Flag icon" :width="24" :height="24" />
CSS background
.icon-flag {
background-image: url('https://proicons.com/icon/309167.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 3L8 5M8 21L8 13M8 5L20 5L18 9L20 13L8 13M8 5L8 13" stroke="#292929" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Flag in other icon packs
Copied!