
Marxco Icons CS 1.5 is here!
was written by M.O.Z.G, November 8, 2019 - Tags: font, github, gitlab, gulp, icons, marxco, nodeJS, open-source, svg, ttf, web-font, webdev, yarn - Category: Blog
While Marxco is still far from public release, Marxco Icons CS 1.5 is here and publicly shared!😃
It's custom web-font with the taste of FontAwesome and compiled with Node.js and Gulp.
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:
1 |
<i class="mrx_ic mrx_ic-logo-gitlab"></i> |
But if you're planning to make some changes:
- You need to install Node.js.
- You need to install Yarn.
- You need to install Gulp.
- Clone this repository to local.
- Run terminal, set current dir to the path of your local repository.
- Run
yarn install
and wait for finished of instllation all dependencies. - Run
gulp clean-names
to remove unicode prefixes from filenames. - Run
gulp organize
to move all svg files fromsrc\icons
to related sub-deirectories, based on their prefixes. - Run
gulp unicodify
to add unicode prefixes to filenames, base oficRanges
array fromgulpfile.js
. - 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.
If you found an error, highlight it and press Shift + Enter or click here to inform us.