https://github.com/mapshakers/mapkeyicons

The icon font especially for cartographical use.
https://github.com/mapshakers/mapkeyicons

Last synced: about 2 months ago
JSON representation

The icon font especially for cartographical use.

• Host: GitHub
• URL: https://github.com/mapshakers/mapkeyicons
• Owner: mapshakers
• License: cc0-1.0
• Created: 2015-09-02T12:15:22.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-13T18:06:52.000Z (over 8 years ago)
• Last Synced: 2024-07-27T16:44:56.465Z (about 2 months ago)
• Language: CSS
• Homepage: http://www.mapkeyicons.com
• Size: 8 MB
• Stars: 78
• Watchers: 10
• Forks: 12
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - mapshakers/mapkeyicons - The icon font especially for cartographical use. (others)

README

        


    

    



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](https://github.com/mapshakers/leaflet-mapkey-icon)

### License  

**CC0 1.0 Universal**

(feel free to use it everywhere)

### Try it right now!

Insert this code into your project.

```html

Hello this is  mapkeyicons! 

You can  download it and use it. For free!

```

## CSS 

Use MapkeyIcons in your web project! It´s very easy, as you can see:

``` html





```

Predefined sizes:

```css

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

``` xml

<![CDATA[

	.st0{fill:#D1D1D1;}

	.st1{fill:#454545;}

]]>

```

##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](http://www.mapshakers.com), 2015*,  *for similar project visit  [FontAwesome](https://fortawesome.github.io/Font-Awesome/) or [MAKI icons](https://www.mapbox.com/maki/)*