A West African country on the Gulf of Guinea, between Ghana and Liberia, with a broad lagoon coast in the south.
The Côte d'Ivoire map icon is a blank outline map of Côte d'Ivoire: the CI borders drawn as a plain silhouette, with no labels, capitals, or fill, shipped as a 24×24 SVG component from GeoIcons.
Region
Western Africa, Africa
Capital
Yamoussoukro
ISO 3166-1
CI · CIV · 384
Calling code
+225
Size120px
Weight1
Color
Style
Usage
Import the Côte d'Ivoire icon from @geoicons/react, or copy the raw SVG below.
Is the Côte d'Ivoire icon a flag or a map outline?
The Côte d'Ivoire icon is a geographic map outline: the CI 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 Côte d'Ivoire icon in React, Vue, or Angular?
Install the package for your framework and import the named export: import { Ci } 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 Côte d'Ivoire 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 Côte d'Ivoire?
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 Côte d'Ivoire shape without an atlas map's detail.
See it in action
Real-world UI patterns using the Côte d'Ivoire icon.
Côte d'Ivoire
Country selector
Côte d'IvoireCI
Location badges
Revenue
$48,200
Côte d'Ivoire
Metric card
CountryCode
Côte d'IvoireCI
Data table
Côte d'Ivoire map icon fileBlank outline map of Côte d'Ivoire, a scalable SVG you can recolor and resize.View raw SVG