CC0 SVG Map Icons
HTML CSS
Permalink
Failed to load latest commit information.
accommodation rename misspelled accommodation folder Jun 27, 2015
administration
amenity
barrier added cattle grid Jul 5, 2015
eat-drink remove halo and padding from eat-drink icons Apr 13, 2015
emergency
energy
font remove large inner hole from cinema icon (thanks OsmAnd for the idea)… Jan 10, 2016
health added veterinary (after version of @daganzdaanda, fixes #16) Jul 18, 2015
money
nature
outdoor
religious
shop
sports
tools
tourism added fort Jun 21, 2015
transport add elevator (resolves #31) Sep 8, 2015
.fontcustom-manifest.json
.gitignore write proper glyph names to icon font and control unicode codepoints Jul 18, 2015
CONTRIBUTING.md more link updates Sep 8, 2015
LICENSE.txt added license Dec 20, 2014
README.md
icons.png add first version of alpine hut, basic hut, shelter, wilderness hut Nov 19, 2016
icons@2x.png add first version of alpine hut, basic hut, shelter, wilderness hut Nov 19, 2016

README.md

Osmic (OSM Icons)

A collection of 150+ clean high quality SVG map icons licensed under CC0 (Public Domain) and also available as icon font, which is licensed under SIL OFL. Below you see a possible preview (these are 2x the original size).

Osmic (OSM Icons)

Icons are heavily inspired by

Icon Features

All icons should adhere to the following features

  • flat (single colour, no gradients, no outlines)
  • clean (reduced complexity where possible)
  • sharp (aligned to pixel grid)
  • single point of view (avoid use of perspective where possible)
  • common canvas size

SVG code

  • avoid Inkscape specific code, use plain SVG
  • no groups, one path
  • invsibile background rectangle spanning the whole canvas to avoid up-/downscaling of the shape alone when using marker-width or marker-height

Icon specifications

All icons use a canvas base size of 14px. Where required there exist several versions that are varying in size and amount of detail. The size is indicated by appending the pixel value to the icon name (e.g. hospital-14.svg).

Create a customised collection

With the Python export script (tools/export.py) the appearance of the icons can be customised. You can

  • specify which icons should be included in or be excluded from the export
  • add padding
  • add halos
  • add shields
  • re-colour icons
  • create icon sprites
  • export as SVG, PNG or icon font

by changing a YAML configuration file.

Have a look at the export guide for more details.

Known Uses

How to contribute

Contributions are welcome, please have a look at this guide.