Flag Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Flag Svg 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/307951.svg" alt="Flag Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307951.svg" alt="Flag Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307951.svg" alt="Flag Svg icon" :width="24" :height="24" />
CSS background
.icon-flag---svg {
background-image: url('https://proicons.com/icon/307951.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 5M8 5L8 13M20 13L8 13" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 5L18 9L20 13" stroke="#4400FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!