Si vous constatez la perte de tickets, de commentaires ou de projets, veuillez consulter la page 3.63 KB
Newer Older
1 2 3
Marxco Iconfont CS

[![GitHub package.json version (branch)](]( [![GitHub Release Date](]( [![Icons Count](]( [![pipeline status](]( [![coverage report](]( [![AppVeyor](]( [![Coveralls Coverage Status](]( [![devDependency Status](]( [![GitHub package.json dependency Gulp version (dev dep on branch)](]( [![node](]( [![Activity](]( [![Support the Author](](

Aleksandr "M.O.Z.G" Dikov's avatar
Aleksandr "M.O.Z.G" Dikov committed
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
## What is?

While Marxco Component System is still far from public release, I just decided to share some icons from it as separate repository.

## CS/MS?

CS _(Component System)_ is open versions of the icon font that I decided to share. MS version is closed and contains some specific icons for future design of my store.

## How to?

All icons are provided in common font formats and ready to use with your code and injected `icons.css` from `public` directory.

### Example:

<i class="mrx_ic mrx_ic-logo-gitlab"></i>

But if you're planning to make some changes:

1. You need to install [Node.js](
2. You need to install [Yarn](
3. You need to install [Gulp](
4. Clone this repository to local.
5. Run terminal, set current dir to the path of your local repository.
6. Run `yarn install` and wait for finished of instllation all dependencies.
Aleksandr "M.O.Z.G" Dikov's avatar
Aleksandr "M.O.Z.G" Dikov committed
7. Run `gulp cleanNames` to remove unicode prefixes from filenames.
Aleksandr "M.O.Z.G" Dikov's avatar
Aleksandr "M.O.Z.G" Dikov committed
35 36 37 38 39 40 41 42 43 44 45 46
8. Run `gulp organize` to move all svg files from `src\icons` to related sub-deirectories, based on their prefixes.
9. Run `gulp unicodify` to add unicode prefixes to filenames, base of `icRanges` array from `gulpfile.js`.
10. Run `gulp generation` to rewrite all templates, generate fonts and css files.

If you want, you also could use `gulp layout`, this task will create HTML files with cheatsheet as presented [here](

### Supported prefixes by default:

`logo-`, `badge-`, `social-`, `finance-`, `market-`, `grafx-`, `3d-`, `doc-`, `software-`, `lic-`, `dev-`, `polit-`, `cult-`, `gem-`. Any other prefixes and filenames will be precced as `miscellaneous` icons.

## What's next?

Aleksandr "M.O.Z.G" Dikov's avatar
Aleksandr "M.O.Z.G" Dikov committed
No any code changes are planned in this repository, but new svg, updated font files and regenerated CSS for new additions/changes.