Maki Icon Set

Maki

Maki is a consistent set of point of interest icons for use on maps of all kinds. The icons are freely available for use under the BSD License.

Maki Icons

You are welcome to hotlink to the icons below. The source SVG is available on GitHub and we've created a style guide to help people who are interested in expanding the set. The icons in the source file have been grouped and named to take advantage of Inkscape's batch export feature (though you can use any program that supports SVG to edit them).

Icon Filename
airport-10.png airport-10.png
airport-15.png airport-15.png
bank-10.png bank-10.png
bank-15.png bank-15.png
building-collapsed-10.png building-collapsed-10.png
building-collapsed-15.png building-collapsed-15.png
building-damaged-10.png building-damaged-10.png
building-damaged-15.png building-damaged-15.png
bus-10.png bus-10.png
bus-15.png bus-15.png
cafe-10.png cafe-10.png
cafe-15.png cafe-15.png
campsite-10.png campsite-10.png
campsite-15.png campsite-15.png
cemetery-10.png cemetery-10.png
cemetery-15.png cemetery-15.png
cemetery-christian-15.png cemetery-christian-15.png
cemetery-jewish-15.png cemetery-jewish-15.png
cemetery-muslim-15.png cemetery-muslim-15.png
cinema-10.png cinema-10.png
cinema-15.png cinema-15.png
circle-10.png circle-10.png
circle-7.png circle-7.png
embassy-10.png embassy-10.png
embassy-15.png embassy-15.png
fuel-10.png fuel-10.png
fuel-15.png fuel-15.png
garden-10.png garden-10.png
garden-15.png garden-15.png
grocery-10.png grocery-10.png
grocery-15.png grocery-15.png
historic-10.png historic-10.png
historic-15.png historic-15.png
infrastructure-damaged-10.png infrastructure-damaged-10.png
infrastructure-damaged-15.png infrastructure-damaged-15.png
infrastructure-destroyed-10.png infrastructure-destroyed-10.png
infrastructure-destroyed-15.png infrastructure-destroyed-15.png
landslide-10.png landslide-10.png
landslide-15.png landslide-15.png
library-10.png library-10.png
library-15.png library-15.png
lodging-10.png lodging-10.png
lodging-15.png lodging-15.png
medical-10.png medical-10.png
medical-15.png medical-15.png
metro-10.png metro-10.png
metro-15.png metro-15.png
monument-10.png monument-10.png
monument-15.png monument-15.png
museum-10.png museum-10.png
museum-15.png museum-15.png
park-10.png park-10.png
park-15.png park-15.png
parking-garage-10.png parking-garage-10.png
parking-garage-15.png parking-garage-15.png
parking-lot-10.png parking-lot-10.png
parking-lot-15.png parking-lot-15.png
playground-10.png playground-10.png
playground-15.png playground-15.png
port-10.png port-10.png
port-15.png port-15.png
post-10.png post-10.png
post-15.png post-15.png
religious-christian-10.png religious-christian-10.png
religious-christian-15.png religious-christian-15.png
religious-jewish-10.png religious-jewish-10.png
religious-jewish-15.png religious-jewish-15.png
religious-muslim-10.png religious-muslim-10.png
religious-muslim-15.png religious-muslim-15.png
restaurant-10.png restaurant-10.png
restaurant-15.png restaurant-15.png
school-college-10.png school-college-10.png
school-college-15.png school-college-15.png
school-elementary-10.png school-elementary-10.png
school-elementary-15.png school-elementary-15.png
settlement-temporary-10.png settlement-temporary-10.png
settlement-temporary-15.png settlement-temporary-15.png
shopping-10.png shopping-10.png
shopping-15.png shopping-15.png
sports-10.png sports-10.png
sports-15.png sports-15.png
tourism-10.png tourism-10.png
tourism-15.png tourism-15.png
town-hall-10.png town-hall-10.png
town-hall-15.png town-hall-15.png

Style Guide

For every icon, there is both a 10x10 pixel size for higher zoom levels, and a 15x15 pixel size for lower zoom levels.

Maki icons have a 1 pixel 50% opaque white border

1px Border

Both sizes of Maki icons have the same size border. This makes them legible against any background color and stand out against complex backgrounds. The outline color extends into the negative space of the icon and has rounded edges.

Maki icons have strong silhouettes

Silhouettes

Each Maki icon has a unique, descriptive silhouette. Instead of using basic shapes like circles to define edges, the contour of the image depicted in the icon defines the edge.

Maki icons use Internationally recognizable symbols

International recognizable symbols

Whenever possible, avoid alphanumeric characters or purely American/Western concepts. When this is not possible, make multiple versions. Some symbols are more universal than others. For example, letters represent post offices better than mailboxes because mailboxes look different in different parts of the world.

Maki icons are one color

Color

Maki icons are all one color. They are designed in black but intended to be usable in a variety of colors.

Design on the grid

Design on the Grid

Because Maki icons are so small, it is important to design them according to the pixel grid in order to preserve a crisp, clear appearance at actual size. In the image above to the right, the pink area shows the proper line placement of the icon on the grid.