main page - page initiale - hauptseite - página principal projects - projets - projekte - proyectos authors - auteurs - autoren - autores papers - exposés - berichte - papeles help - aide - hilfe - ayuda

carto:papers:svg:examples:data:symbols

Cartographic symbol collection

The use of the symbol-element is explained in "Example for use of Symbols". This collection offers sources for you to use within your maps.

HEALTH:

hospital
<symbol id="hospital" overflow="visible"
                     style="fill:red;stroke:white;stroke-width:2"
                                  transform="translate(-15,-15)">
  <path d="M0 10 l0 10 l10 0 l0 10 l10 0 l0 -10 l10 0 l0
	                      -10 l-10 0 l0 -10 l-10 0 l0 10z"/>
</symbol>
LEISURE:

indoor pool
<symbol id="pool_indoor" overflow="visible"
                                transform="translate(-16,-17.5)">
  <rect x="0" y="-2.5" rx="2" ry="2" width="32" height="35"
                                             style="fill:white"/>
  <path d="M6 7.5 l0 20 l20 0 l0 -20"
        style="fill:none;stroke:rgb(50,150,255);stroke-width:3"/>
  <path d="M1 10 l15 -10 l15 10"
        style="fill:none;stroke:rgb(50,150,255);stroke-width:3"/>
  <path d="M6 15 q5,-5 10,0 t10 0 l0 12.5 l-20 0z"
                                  style="fill:rgb(50,150,255);"/>
</symbol>

outdoor pool
<symbol id="pool_outdoor" overflow="visible"
                                 transform="translate(-15,-17.5)">
  <rect x="0" y="0" rx="2" ry="2" width="30" height="32.5"
                                              style="fill:white"/>
  <rect x="5" y="5" width="20" height="22.5"
         style="fill:none;stroke:rgb(50,150,255);stroke-width:3"/>
  <path d="M5 15 q5,-5 10,0 t10 0 l0 12.5 l-20 0z"
                                   style="fill:rgb(50,150,255);"/>
</symbol>

shopping
<symbol id="shopping" overflow="visible"
                                  transform="translate(-15,-15)">
  <rect x="0" y="0" rx="1" ry="1" width="30" height="30"
            style="fill:rgb(0,0,0);stroke:white;stroke-width:2"/>
  <path d="M10 12.5 a7.5 5.5 0 1 1 10,0"
       style="fill:none;stroke:rgb(255,255,255);stroke-width:2"/>
  <path d="M5 13.5 l-1.5 7.5 c-0.5,7.5 23.5,7.5 23,0 l-1.5 -7.5
   c0.25,-2.5 -20.25,-2.5 -20,0" style="fill:rgb(255,255,255);"/>
</symbol>

restaurant
<symbol id="restaurant" overflow="visible"
                                 transform="translate(-16,-17.5)">
  <rect height="30" width="30" rx="1" ry="1"
             style="fill:rgb(0,0,0);stroke:white;stroke-width:2"/>
  <g style="fill:none;stroke:white;stroke-linecap:round">
    <path d="M5 25 l15 -15" style="stroke-width:2.5;"/>
    <path d="M20 10 l5 -5" style="stroke-width:1.5;"/>
    <path d="M20 10 s-3,-4 2,-7" style="stroke-width:1.5;"/>
    <path d="M20 10 s4,4 7,-2" style="stroke-width:1.5;"/>
    <path d="M4 4 l21 21" style="stroke-width:2.5;"/>
  </g>
  <path d="M12.5 12.5 c-5,5 -12,-11 -9,-9"
                                   style="fill:rgb(255,255,255)"/>
</symbol>
TRAFFIC:

carpark
<symbol id="carpark" overflow="visible"
                                   transform="translate(-15,-15)">
  <rect x="0" y="0" rx="1" ry="1" width="30" height="30"
           style="fill:rgb(0,0,255);stroke:white;stroke-width:2"/>
  <text x="15" y="15 style="font-size:28;font-weight:bolder;fill:
            white;text-anchor:middle;baseline-shift:-35%">P</text>
</symbol>

airport
<symbol id="airport" overflow="visible"
                     transform="translate(0,-21.21) scale(0.666)">
  <rect x="0" y="0" rx="1" ry="1" width="30" height="30"
               transform="rotate(45)"  style="fill:rgb(250,250,0);
                         stroke:rgb(100,100,100);stroke-width:3"/>
  <path d="M-2 21.21 c0,-21.5 4,-21.5 4,0 c1 20 -5,20 -4,0"
                                   style="fill:rgb(100,100,100)"/>
  <path d="M1 14 l11 12.5 l-12 -7.5 l-12 7.5 l11 -12.5z"
             style="fill:rgb(100,100,100);stroke:rgb(100,100,100);
                                          stroke-linejoin:miter"/>
</symbol>

underground
<symbol id="underground" overflow="visible"
                   transform="translate(-17.5,-17.5) scale(0.85)">
  <circle cx="17.5" cy="17.5" r="17.5"
           style="fill:rgb(0,0,255);stroke:white;stroke-width:2"/>
  <text x="17.5" y="17.5"
    style="font-size:28;font-weight:bolder;fill:white;text-anchor:
                              middle;baseline-shift:-35%">U</text>
</symbol>

Examples provided by Georg Held




Last modified: Tuesday, 10-Dec-2019 21:39:42 CET
© carto:net (andreas neumann & andré m. winter)
original URL for reference: https://old.carto.net/papers/svg/samples/cartographic_symbols.shtml