A long S-curve down the eastern edge of Indochina, widening at the Red River delta in the north and the Mekong delta in the south.
The Vietnam map icon is a blank outline map of Vietnam: the VN borders drawn as a plain silhouette, with no labels, capitals, or fill, shipped as a 24×24 SVG component from GeoIcons.
Region
South-Eastern Asia, Asia
Capital
Hanoi
ISO 3166-1
VN · VNM · 704
Calling code
+84
Size120px
Weight1
Color
Style
Usage
Import the Vietnam icon from @geoicons/react, or copy the raw SVG below.
The Vietnam icon is a geographic map outline: the VN borders drawn as a 24×24 SVG, not the national flag. Reach for it when a recognizable country shape reads better than flag colors.
How do I add the Vietnam icon in React, Vue, or Angular?
Install the package for your framework and import the named export: import { Vn } from "@geoicons/react/countries". Vue, Angular, and vanilla JS share the same API. Swap @geoicons/react for the framework you use.
Can I download the Vietnam icon as SVG or PNG?
Yes. Copy the import, download the raw SVG, or export a PNG at 128, 256, or 512 px from the panel above. Free under GPLv3, with a commercial license available.
Can I use it as a blank outline map of Vietnam?
Yes. With no labels or fill, it works as the base for a teaching worksheet, choropleth shading, or a map legend, anywhere you want the Vietnam shape without an atlas map's detail.
See it in action
Real-world UI patterns using the Vietnam icon.
Vietnam
Country selector
VietnamVN
Location badges
Revenue
$48,200
Vietnam
Metric card
CountryCode
VietnamVN
Data table
Vietnam map icon fileBlank outline map of Vietnam, a scalable SVG you can recolor and resize.View raw SVG