Skip to content

Version 2.0.155 (23/12/2016) #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
xtoolkit merged 5 commits into from
Dec 24, 2016
Merged

Version 2.0.155 (23/12/2016) #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
471e61c
Version 2.0.155 (23/12/2016)
xtoolkit Dec 23, 2016
e29e5ce
update README.md and try travis
xtoolkit Dec 23, 2016
0205b91
add .travis.yml svg
xtoolkit Dec 23, 2016
af39b98
fix travis
xtoolkit Dec 23, 2016
0322035
edits
xtoolkit Dec 24, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
7 changes: 7 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
logs/*
script_out/*
.todo/*
[Tt]humbs.db
[Dd]esktop.ini
*.DS_store
.DS_store?
4 changes: 4 additions & 0 deletions .travis.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
language: node_js
node_js:
- "node"
script: npm start
151 changes: 127 additions & 24 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,128 @@
# Micon
# Micon [![Build Status](https://travis-ci.org/xtoolkit/Micon.svg)](https://travis-ci.org/xtoolkit/Micon)

Micon, The iconic windows 10 font and CSS toolkit.<br>
Online Demo: <a href="http://xtoolkit.github.io/Micon/">http://xtoolkit.github.io/Micon/</a>

# Change Logs
<h3>version 1.0.155 (16/08/2016)</h3>
<ul>
<li>update icons <b>version</b> => 155 <b>(RedStone)</b></li>
<li>rename icons <b>name</b> with <a href="https://msdn.microsoft.com/en-us/windows/uwp/style/segoe-ui-symbol-font">official MDL2 icons name</a></li>
<li>remove <b>woff2</b> and <b>otf</b> font</li>
<li>fixed icon <b>animation</b> problem</li>
<li>fixed icon<b> height</b> problem</li>
<li>create <b>Change logs</b> page</li>
</ul>
<h3>version 0.9.136 (12/09/2015)</h3>
<ul>
<li>initial build</li>
</ul>

# Next version
next Micon version release when <b>RedSton2</b> version release

# Contact
E-mail: <a href="mailto:arshen@outlook.com">arshen@outlook.com</a><br>
Telegram: <a href="https://telegram.me/Arshen">@Arshen</a>
this icon exracted as _segmdl2.ttf_ in windows 10 and converted too css toolkit based on _Font Awesome_. Micon icons that can instantly be customized -- size, color, drop shadow, and anything that can be done with the power of CSS.<br>

Online Demo and Documents: <http://xtoolkit.github.io/Micon/>

## Get started

### linked in html

Follow these steps to use Micon:

1- Download last Micon version release from [Github](https://github.com/xtoolkit/Micon/releases)

2- Copy the entire `micon-repo/dist/micon/` directory into your project. if you do not use **webbrand icon** in font use `micon-repo/dist/micon_nb/`

3- In the `<head>` of your html, reference the location to your **micon.min.css**.<br>
example:

```
<head>
...
<link rel="stylesheet" href="micon-repo/dist/micon/css/micon.min.css">
...
</head>
```

### use icons in html

example:

```
<i class="mi mi-Home"></i>
```

## Build Instructions (for make custom font)

This repo already comes with all the files built and ready to go, but can also build the fonts from the source. Requires **nodeJs**.

Follow these steps to build custom font:

1- install requires Dependencies (_gulp, gulp-consolidate, gulp-iconfont, gulp-rename, loadash_) with down command.<br>

```
$ npm install
```

2- customize your icons from `/icons/`.<br>
if add new icon, insert icon name in `name_db.json`.<br>
example:

```
[
...,
"svgfilename": [
"svgfilename",
"aliasname1",
"aliasname2",
...
]
]
```

3- config `gulpfile.js` for your _fontname_, _fontversion_ and etc.

4- customize your css template `/templates/style-template.css`,`/templates/style-min-template.css`. (default use Font-Awesome template Edited by Micon)

5- build your font with down command

```
$ npm start
```

6- end, you can see demo your font in `/dist/your_fontname/html-demo-your_fontname.html`

## Versioning

Micon will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:

`<major>.<minor>.<fpatch>`

And constructed with the following guidelines:

- major -> Breaking backward compatibility bumps the major
- minor -> Bug fixes, New additions
- fpatch -> Version of _segmdl2.ttf_

For more information on SemVer, please visit <http://semver.org>.

### Next version

Next Micon font version release, when **RedSton2** font version release.

### Change Logs

#### Version 2.0.155 (23/12/2016)

- add **GulpJs** for build Micon or Easy create custom font fork Micon icons
- add **webBrand** icons
- add **woff2** and **otf** standard font
- add html-demo-micon.html for simple portable view icons.
- update style template
- fix alias name problem
- fix some font view probrom (etc height of icons)

#### Version 1.0.155 (16/08/2016)

- update icons **version** => 155 **(RedStone)**
- rename icons **name** with [official MDL2 icons name](https://msdn.microsoft.com/en-us/windows/uwp/style/segoe-ui-symbol-font)
- remove **woff2** and **otf** font
- fixed icon **animation** problem
- fixed icon **height** problem
- create [**Change logs**](http://xtoolkit.github.io/Micon/changelogs/) page

#### Version 0.9.136 (12/09/2015)

- initial build
- remove duplicate svg path and use alias

## License

Ionicons is licensed under the [MIT license](http://opensource.org/licenses/MIT).

## Contact

E-mail: <arshen@outlook.com><br>
Telegram: [@Arshen](https://telegram.me/Arshen)
Loading