Stay tuned! We will soon provide ArcMap, QGIS symbol set!
Simple Leaflet plugin: leaflet-mapkey-icon
License
CC0 1.0 Universal
(feel free to use it everywhere)
Try it right now!
Insert this code into your project.
<!-- Link rawgit MapkeyIcons.css for development purposes! -->
<link href='https://rawgit.com/mapshakers/mapkeyicons/master/dist/MapkeyIcons.css' rel='stylesheet' type='text/css'>
<!-- use it within html document -->
Hello this is <span class='mki-intext mki-mapkeyicons'></span> mapkeyicons!
You can <span class='mki-intext mki-download'></span> download it and use it. For free!
CSS
Use MapkeyIcons in your web project! It´s very easy, as you can see:
<!-- LOAD CSS FILE IN HEAD ELEMENT-->
<link rel="stylesheet" type="text/css" href="MapkeyIcons.css">
<!-- USE EVERYWHERE IN DOCUMENT BODY ELEMENT-->
<!-- MINIMAL USAGE-->
<span class="mki mki-theatre"></span>
<!-- FOR INLINE USAGE-->
<span class="mki-intext mki-theatre"></span>
Predefined sizes:
.mki-intext { font-size: 1.2em; }
.mki-short { font-size: small; }
.mki-tall { font-size: large; }
.mki-grande { font-size: 32px; }
.mki-venti { font-size: 64px; }
FONTS
There are generated 4 font types:
Glyphs started at U+E000 position (PUA)
MapkeyIcons.ttfMapkeyIcons.woffMapkeyIcons.svgMapkeyIcons.eot
SVG
Id
Root element svg contains attribute id. The value is name of icon.
About SVG styling
All icons use two colors representation.
The colors are styled using element class styling:
class st0 represents background and st1 foreground
See default style element:
<style type="text/css">
<![CDATA[
.st0{fill:#D1D1D1;}
.st1{fill:#454545;}
]]>
</style>
##PNG
You can use rendered PNG icons. The image size is 256×256px.
##Versioning
- x.0.0: major changes, icon removed, icons renamed
- 0.y.0: icon added, large shape modifications
- 0.0.z: small shape modifications
(c) mapshakers, 2015, for similar project visit FontAwesome or MAKI icons