Flag Icon
Free SVG icon from the VS Code Codicons 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/307170.svg" alt="Flag icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307170.svg" alt="Flag icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307170.svg" alt="Flag icon" :width="24" :height="24" />
CSS background
.icon-flag {
background-image: url('https://proicons.com/icon/307170.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M4 9V3H12.0284L10.0931 5.70938C9.96896 5.88323 9.96896 6.11677 10.0931 6.29062L12.0284 9H4ZM4 10H13C13.4067 10 13.6432 9.54032 13.4069 9.20938L11.1145 6L13.4069 2.79062C13.6432 2.45968 13.4067 2 13 2H3.5C3.22386 2 3 2.22386 3 2.5V13.5C3 13.7761 3.22386 14 3.5 14C3.77614 14 4 13.7761 4 13.5V10Z"/></svg>
Flag in other icon packs
Copied!