Flag Icon
Free SVG icon from the Skware 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/312490.svg" alt="Flag icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/312490.svg" alt="Flag icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/312490.svg" alt="Flag icon" :width="24" :height="24" />
CSS background
.icon-flag {
background-image: url('https://proicons.com/icon/312490.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"> <path d="M17,3v1h-2V3h-3V2H6v1H3v19h2v-5h3v-1h2v1h3v1h6v-1h2V3H17z M19,15h-2v1h-2v-1h-3v-1H6v1H5V5h3V4h2v1h3v1h6V15z"/> </svg>
Flag in other icon packs
Copied!