A northwest African country facing both the Atlantic and the Mediterranean, with the Atlas Mountains running through its middle.
The Morocco map icon is a blank outline map of Morocco: the MA borders drawn as a plain silhouette, with no labels, capitals, or fill, shipped as a 24×24 SVG component from GeoIcons.
Region
Northern Africa, Africa
Capital
Rabat
ISO 3166-1
MA · MAR · 504
Calling code
+212
Size120px
Weight1
Color
Style
Usage
Import the Morocco icon from @geoicons/react, or copy the raw SVG below.
The Morocco icon is a geographic map outline: the MA 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 Morocco icon in React, Vue, or Angular?
Install the package for your framework and import the named export: import { Ma } 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 Morocco 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 Morocco?
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 Morocco shape without an atlas map's detail.
See it in action
Real-world UI patterns using the Morocco icon.
Morocco
Country selector
MoroccoMA
Location badges
Revenue
$48,200
Morocco
Metric card
CountryCode
MoroccoMA
Data table
Morocco map icon fileBlank outline map of Morocco, a scalable SVG you can recolor and resize.View raw SVG