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/308255.svg" alt="Flag Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308255.svg" alt="Flag Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308255.svg" alt="Flag Svg icon" :width="24" :height="24" />
CSS background
.icon-flag---svg {
background-image: url('https://proicons.com/icon/308255.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="M20 5L8 5L8 13L20 13L18 9L20 5Z" fill="#FF9600" stroke="#FF9600" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 3L8 5L8 13L8 21" stroke="#FFC800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!