An archipelago in the South Pacific, a long north to south chain of islands and atolls east of Fiji.
The Tonga map icon is a blank outline map of Tonga: the TO borders drawn as a plain silhouette, with no labels, capitals, or fill, shipped as a 24×24 SVG component from GeoIcons.
Region
Polynesia, Oceania
Capital
Nuku'alofa
ISO 3166-1
TO · TON · 776
Calling code
+676
Size120px
Weight1
Color
Style
Usage
Import the Tonga icon from @geoicons/react, or copy the raw SVG below.
The Tonga icon is a geographic map outline: the TO 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 Tonga icon in React, Vue, or Angular?
Install the package for your framework and import the named export: import { To } 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 Tonga 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 Tonga?
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 Tonga shape without an atlas map's detail.
See it in action
Real-world UI patterns using the Tonga icon.
Tonga
Country selector
TongaTO
Location badges
Revenue
$48,200
Tonga
Metric card
CountryCode
TongaTO
Data table
Tonga map icon fileBlank outline map of Tonga, a scalable SVG you can recolor and resize.View raw SVG