{"id":18585367,"url":"https://github.com/xtoolkit/micon","last_synced_at":"2025-08-20T22:31:29.824Z","repository":{"id":58234888,"uuid":"42330298","full_name":"xtoolkit/Micon","owner":"xtoolkit","description":"Micon, The iconic windows 10 font and CSS toolkit.","archived":false,"fork":false,"pushed_at":"2019-02-18T14:01:51.000Z","size":7938,"stargazers_count":200,"open_issues_count":3,"forks_count":31,"subscribers_count":19,"default_branch":"master","last_synced_at":"2024-12-18T19:02:28.376Z","etag":null,"topics":["bower","css","custom-fonts","font","font-tooklit","iconic-toolkit","icons","micon"],"latest_commit_sha":null,"homepage":"http://xtoolkit.github.io/Micon/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xtoolkit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-09-11T20:20:31.000Z","updated_at":"2024-10-24T01:40:59.000Z","dependencies_parsed_at":"2022-08-31T09:42:18.077Z","dependency_job_id":null,"html_url":"https://github.com/xtoolkit/Micon","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtoolkit%2FMicon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtoolkit%2FMicon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtoolkit%2FMicon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xtoolkit%2FMicon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xtoolkit","download_url":"https://codeload.github.com/xtoolkit/Micon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230462906,"owners_count":18229864,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bower","css","custom-fonts","font","font-tooklit","iconic-toolkit","icons","micon"],"created_at":"2024-11-07T00:33:34.401Z","updated_at":"2024-12-19T16:11:18.517Z","avatar_url":"https://github.com/xtoolkit.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Micon [![Build Status](https://travis-ci.org/xtoolkit/Micon.svg?branch=master)](https://travis-ci.org/xtoolkit/Micon)\n\nMicon (MDL2 Icons), The iconic windows 10 font and CSS toolkit.\u003cbr\u003e\nthis 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.\u003cbr\u003e\n\nOnline Demo and Documents: \u003chttp://xtoolkit.github.io/Micon/\u003e (Because i am very busy, online Documents not updated for bower and building)\n\n_sry for my bad english_\n\n## Installation\n\n### Quick option: use cdn\n\nYou can use cdn. hosted by [github page](https://github.com/xtoolkit/cdn.arshen.ir) and clouded by [Cloudflare](https://www.cloudflare.com/)\nexample:\n\n``` html\n\u003chead\u003e\n...\n\u003clink rel=\"stylesheet\" href=\"http://cdn.arshen.ir/micon/3.0.168/dist/micon/css/micon.min.css\"\u003e\n...\n\u003c/head\u003e\n```\n\n### Option one: install with bower\n\nTo install via Bower, simply do the following:\n\n```\n$ bower install micon --save\n```\n\n### Option two: Download repo or builded font\n\nDownload last Micon version release from [Github](https://github.com/xtoolkit/Micon/releases)\n\n## Get started\n\n1- 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/`\n\n2- In the `\u003chead\u003e` of your html, reference the location to your **micon.min.css**.\u003cbr\u003e\nexample:\n\n``` html\n\u003chead\u003e\n...\n\u003clink rel=\"stylesheet\" href=\"micon-repo/dist/micon/css/micon.min.css\"\u003e\n...\n\u003c/head\u003e\n```\n\n### use icons in html\n\nexample:\n``` xml\n\u003ci class=\"mi mi-Home\"\u003e\u003c/i\u003e\nOR\n\u003ci class=\"mi\"\u003e\u0026#xEC15;\u003c/i\u003e\n```\n\n## Build Instructions (for make custom font)\n\nThis repo already comes with all the files built and ready to go, but can also build the fonts from the source. Requires **nodeJs**.\n\nFollow these steps to build custom font:\n\n1- install requires Dependencies (*gulp, gulp-consolidate, gulp-iconfont, gulp-rename, mustache*) with down command.\u003cbr\u003e\n\n```\n$ npm install\n```\n\n2- customize your icons from `/icons/`.\u003cbr\u003e\nif add new icon, insert icon name in `db.json`.\u003cbr\u003e\nexample:\n\n``` json\n{\n    ...,\n    \"svgfilename\": {\n        \"info\": {\n            \"created\": \"1.0.155\" //font-version\n        },\n        \"alias\": [\n            \"aliasname1\",\n            \"aliasname2\"\n        ]\n    }\n}\n```\n\n3- customize `config.json` for your font.\n\n4- customize your scss, less and css template in `.templates/`. (default use Font-Awesome template Edited by Micon)\n\n5- build your font with down command\n\n```\n$ npm start\n```\n\n6- end, you can see demo your font in `/dist/your_fontname/html-demo-your_fontname.html`\n\n### Page Build Instructions (for make custom your font page)\n\nyou can build custom your font page (like [Micon github page](http://xtoolkit.github.io/Micon/)) with [this Instructions](https://github.com/xtoolkit/Micon/tree/gh-pages#build-instructions-for-make-custom-page)\n\n## Versioning\n\nMicon will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format:\n\n`\u003cmajor\u003e.\u003cminor\u003e.\u003cfpatch\u003e`\n\nAnd constructed with the following guidelines:\n\n- major -\u003e Breaking backward compatibility bumps the major\n- minor -\u003e Bug fixes, New additions\n- fpatch -\u003e Version of _segmdl2.ttf_\n\nFor more information on SemVer, please visit \u003chttp://semver.org\u003e.\n\n### Next version\n\nWe are thinking of supporting **react** and **vuejs**\n\n### Change Logs\n\n#### Version 3.0.168 (14/01/2019)\n\n- update mdl2 icons **version** =\u003e 168 **(October 2018)**\n  - 350 new icon (35 icon untitled)\n  - svg icons get larger\n- update webbrand icons (268 new icon)\n- remove classic create font css\n- use **scss compiler** for create font css\n- remove **sourcemap** by default\n- change *lodash* with **mustache**\n- update **scss** and **less** template to **Font-Awesome 5.6.3**\n- rename fontname.(scss|less) file to style.(scss|less)\n- move font config from *gulpfile.js* to **config.json** file in root\n- icons name db file move to icons pack directory (db.json)\n- rewrite **gulpfile.js**\n\n#### Version 2.2.155 (05/01/2017)\n\n- fix [#13 issues](https://github.com/xtoolkit/Micon/issues/13/)\n- fix less compile problem\n- add **sourcemap** for micon and micon_nb\n\n#### Version 2.1.155 (29/12/2016)\n\n- support **bower**\n- add **scss** and **less** template\n- move templates to .templates\n- fix style.css problem\n\n#### Version 2.0.155 (23/12/2016)\n\n- add **GulpJs** for build Micon or Easy create custom font fork Micon icons\n- add **webBrand** icons\n- add **woff2** and **otf** standard font\n- add html-demo-micon.html for simple portable view icons.\n- update style template\n- fix alias name problem\n- fix some font view probrom (etc height of icons)\n\n#### Version 1.0.155 (16/08/2016)\n\n- update icons **version** =\u003e 155 **(RedStone)**\n- rename icons **name** with [official MDL2 icons name](https://msdn.microsoft.com/en-us/windows/uwp/style/segoe-ui-symbol-font)\n- remove **woff2** and **otf** font\n- fixed icon **animation** problem\n- fixed icon **height** problem\n- create [**Change logs**](http://xtoolkit.github.io/Micon/changelogs/) page\n\n#### Version 0.9.136 (12/09/2015)\n\n- initial build\n- remove duplicate svg path and use css alias\n\n## License\n\nMicon is licensed under the [MIT license](http://opensource.org/licenses/MIT).\n\n## Contact\n\nE-mail: \u003carshen@outlook.com\u003e\u003cbr\u003e\nTelegram: [@Arshen](https://telegram.me/Arshen)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxtoolkit%2Fmicon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxtoolkit%2Fmicon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxtoolkit%2Fmicon/lists"}