Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 

readme.md

mapkeyicons mapkeyicons
The icon font especially for cartographical use. For demo see project page on [mapkeyicons.com](http://www.mapkeyicons.com). Production files are located in ```dist``` directory.

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.ttf
  • MapkeyIcons.woff
  • MapkeyIcons.svg
  • MapkeyIcons.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