Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: added info about color styles vs attributes in the SVG

...

  • Icons must be delivered to us in SVG file format.
  • The SVGs files should meet the following technical qualifications:
    • No SVG elements except for paths.

    • Flatten the SVG as much as possible. 
    • Avoid groups or transforms if possible. No guarantee for icons working with complex groups and transforms.

    • Don't use "shadow" and "stroke" effects. Flatten strokes into geometries with fill instead.
    • Use only flat fills, not gradients or transparency.
    • Height and width should be around 31x31, although other sizes work.

    • Units must be in pixels.
    • Don't use styles, but instead use attributes for color styling.
      Bad: <style>.mystyle{fill: #FC0}</style> (warning)
      Good: <path fill="#fc0">


Sizing of icons

The exact sizing of the icons in the resulting maps can vary, as we do scaling of icons to fit the maps.
But a rule of thumb is to design the icons to be displayed at a size between 20x20 and 30x30

...