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: | ||
<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: | ||
<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> |
||
<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> |
||
<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> |
||
<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: | ||
<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> |
||
<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> |
||
<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 |