Flag Icon
Free SVG icon from the Mage Icons 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/310135.svg" alt="Flag icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310135.svg" alt="Flag icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310135.svg" alt="Flag icon" :width="24" :height="24" />
CSS background
.icon-flag {
background-image: url('https://proicons.com/icon/310135.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.3718 3.86038V14.7404C20.3721 14.8829 20.3319 15.0225 20.2557 15.1429C20.1796 15.2633 20.0708 15.3596 19.9419 15.4204C18.4901 16.1184 16.9113 16.5131 15.3019 16.5804C13.9638 16.6095 12.6555 16.1828 11.5919 15.3704C10.7875 14.715 9.77935 14.3613 8.74182 14.3704C7.49542 14.2948 6.25093 14.5464 5.13184 15.1004V21.2304C5.13184 21.4293 5.05288 21.6201 4.91223 21.7607C4.77158 21.9014 4.58075 21.9804 4.38184 21.9804C4.18292 21.9804 3.99221 21.9014 3.85156 21.7607C3.71091 21.6201 3.63184 21.4293 3.63184 21.2304V3.86038C3.62695 3.8105 3.62695 3.76025 3.63184 3.71037C3.67119 3.5198 3.7822 3.35157 3.94189 3.24037C4.32189 2.92037 5.67192 2.02039 8.72192 2.02039C10.0514 1.99854 11.3488 2.42866 12.4019 3.24037C13.2066 3.89502 14.2144 4.24865 15.2518 4.24037C16.6391 4.18114 17.9999 3.84094 19.2518 3.24037C19.3661 3.18655 19.4924 3.16289 19.6184 3.17165C19.7444 3.1804 19.8662 3.22127 19.9719 3.29037C20.0808 3.34455 20.1744 3.42507 20.2443 3.52461C20.3141 3.62415 20.3579 3.73957 20.3718 3.86038Z" fill="black"/> </svg>
More from Mage Icons
View all
Flag in other icon packs
Copied!