{"id":13397377,"url":"https://github.com/zavoloklom/material-design-iconic-font","last_synced_at":"2025-05-14T08:07:24.395Z","repository":{"id":22254664,"uuid":"25588324","full_name":"zavoloklom/material-design-iconic-font","owner":"zavoloklom","description":"Material Design Iconic Font and CSS toolkit","archived":false,"fork":false,"pushed_at":"2023-02-17T18:32:38.000Z","size":5251,"stargazers_count":1417,"open_issues_count":65,"forks_count":194,"subscribers_count":64,"default_branch":"main","last_synced_at":"2025-05-12T06:03:50.636Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://zavoloklom.github.io/material-design-iconic-font/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-sa-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zavoloklom.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-10-22T15:13:51.000Z","updated_at":"2025-05-02T07:33:56.000Z","dependencies_parsed_at":"2024-01-14T11:08:19.829Z","dependency_job_id":"39737d43-55c2-4c8e-8925-7bb08a4226f6","html_url":"https://github.com/zavoloklom/material-design-iconic-font","commit_stats":{"total_commits":76,"total_committers":2,"mean_commits":38.0,"dds":"0.013157894736842146","last_synced_commit":"1dd8e0e565b0a55a3f24f38ba90b4eca9146d42d"},"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zavoloklom%2Fmaterial-design-iconic-font","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zavoloklom%2Fmaterial-design-iconic-font/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zavoloklom%2Fmaterial-design-iconic-font/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zavoloklom%2Fmaterial-design-iconic-font/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zavoloklom","download_url":"https://codeload.github.com/zavoloklom/material-design-iconic-font/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254101555,"owners_count":22014908,"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":[],"created_at":"2024-07-30T18:01:20.563Z","updated_at":"2025-05-14T08:07:19.380Z","avatar_url":"https://github.com/zavoloklom.png","language":"SCSS","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_donations\u0026business=s%2ekupletsky%40gmail%2ecom\u0026lc=US\u0026item_name=Material%20Design%20Iconic%20Font\u0026currency_code=USD\u0026bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted"],"categories":["CSS","SCSS","Uncategorized","\u003ca name=\"Design Res\"\u003eDesign Res\u003c/a\u003e"],"sub_categories":["Uncategorized","Personal Blog"],"readme":"# [Material Design Iconic Font 2.2.0](http://zavoloklom.github.io/material-design-iconic-font)\n\n[![Latest Version](https://img.shields.io/github/release/zavoloklom/material-design-iconic-font.svg?style=flat-square\u0026label=latest version)](https://github.com/zavoloklom/material-design-iconic-font/tags)\n[![Software License](https://img.shields.io/badge/license-MIT License/SIL OFL 1.1-blue.svg?style=flat-square)](LICENSE)\n[![Total Downloads](https://img.shields.io/github/downloads/zavoloklom/material-design-iconic-font/latest/total.svg)](https://github.com/zavoloklom/material-design-iconic-font/tags)\n\n[![NPM](https://img.shields.io/npm/v/material-design-iconic-font.svg?style=flat-square)](https://www.npmjs.com/package/material-design-iconic-font)\n[![Dependency](https://img.shields.io/david/zavoloklom/material-design-iconic-font.svg?style=flat-square)](https://david-dm.org/zavoloklom/material-design-iconic-font)\n[![DevDependency](https://img.shields.io/david/dev/zavoloklom/material-design-iconic-font.svg?style=flat-square)](https://david-dm.org/zavoloklom/material-design-iconic-font#info=devDependencies)\n[![Last Month Downloads](https://img.shields.io/npm/dm/material-design-iconic-font.svg?style=flat-square)](https://www.npmjs.com/package/material-design-iconic-font)\n\n[![Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/img/Material-Design-Iconic-Font.png)](http://zavoloklom.github.io/material-design-iconic-font/)\n\n### Material Design Iconic Font and CSS toolkit\n\nMaterial Design Iconic Font is a full suite of official material design icons (created and maintained by [Google](https://github.com/google/material-design-icons)), with additional community-designed and [brands icons](https://github.com/zavoloklom/material-design-iconic-font/tree/master/svg/brands) for easy scalable vector graphics on websites or desktop.\n\nMaterial Design Icons are the official open-source [icons](http://www.google.com/design/spec/resources/sticker-sheets.html#sticker-sheets-components) featured in the Google [Material Design](http://www.google.com/design/spec) specification.\n\n**Get started** at [http://zavoloklom.github.io/material-design-iconic-font](http://zavoloklom.github.io/material-design-iconic-font)\n\n**Upgrading** from 1.x to 2.x at old docs [http://zavoloklom.github.io/material-design-iconic-font/v1/](http://zavoloklom.github.io/material-design-iconic-font/v1/)\n\n**Issue with cheatsheet**: If you think icons do not match the cheatsheet page, please read [issue 47](https://github.com/zavoloklom/material-design-iconic-font/issues/47).\n\n### Install\n**Download:**    [2.2.0 (ZIP)](https://github.com/zavoloklom/material-design-iconic-font/releases/download/2.2.0/material-design-iconic-font.zip)   \n**Bower:**       `bower install material-design-iconic-font`   \n**NPM:**         `npm install material-design-iconic-font`\n\n### Getting started\n#### EASY: CSS on [CDNjs](https://cdnjs.com/libraries/material-design-iconic-font)\nThanks to the cdnjs.cloudflare.com, you can use CDNjs to add MD Iconic Font into your website without downloading or installing anything!   \n- Paste the following code into the \u003chead\u003e section of your site's HTML.  \n`\u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css\"\u003e`   \n- Check out the [Examples pages](http://zavoloklom.github.io/material-design-iconic-font/examples.html) to start using Material Design Iconic Font!   \n\n#### BASIC: Default CSS\nUse this method to get the default Material Design Iconic Font CSS.   \n- Download latest version of Material Design Iconic Font.   \n- Unpack the entire `material-design-iconic-font` archive into your project.   \n- In the \u003chead\u003e of your html, reference the location to your material-design-iconic-font.min.css.   \n`\u003clink rel=\"stylesheet\" href=\"path/to/material-design-iconic-font/css/material-design-iconic-font.min.css\"\u003e`   \n- Check out the [Examples pages](http://zavoloklom.github.io/material-design-iconic-font/examples.html) to start using Material Design Iconic Font!   \n\n#### PRO: Custom LESS/SCSS\nUse this method to customize Material Design Iconic Font using LESS or SCSS.   \n- Download latest version of Material Design Iconic Font.   \n- Unpack the entire `material-design-iconic-font` archive into your project.   \n- Open your project's `path/to/material-design-iconic-font/less/variables.less` or `path/to/material-design-iconic-font/scss/_variables.scss` and edit the `@zmdi-font-path` variable to point to your font directory.   \n\n\u003e @zmdi-font-path:   \"../fonts\";\n\n- You can change prefix `zmdi` to something else by editing `@zmdi-icon-prefix` in `path/to/material-design-iconic-font/less/variables.less` or `path/to/material-design-iconic-font/scss/_variables.scss`\n\n\u003e @zmdi-icon-prefix:       zmdi;\n\n- Re-compile your LESS if using a static compiler.\n- Check out the [Examples pages](http://zavoloklom.github.io/material-design-iconic-font/examples.html) to start using Material Design Iconic Font!\n\n### Licence\nThe full details of how Material Design Iconic Font is licensed and 'Thanks to' section: [License page](http://zavoloklom.github.io/material-design-iconic-font/license.html).\n\n### Browser Support\n- Chrome 21+   \n- Firefox 22+   \n- Opera 12.1+   \n- Safari 6.1+   \n- IE 10+   \n- Android Browser 4.3+   \n- Not supported in Opera Mini   \n\nIn fact it can work in earlier versions of browsers accordingly to [caniuse.com](http://caniuse.com/) portal (you can check ttf, woff, transform and animation properties), but i can't test it.\n\n### Changelog   \nv2.2.0:   \n- add 33 new icons   \n- change `main` section in bower.json   \n- repair `seat` and `gradient` icons   \n- change class `zmdi-stack-overflow` to `zmdi-stackoverflow`   \n- change `google`, `google-plus`, `google-plus-box` and `paypal` icons   \n[2.2.0 GitHub milestones](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=5\u0026page=1\u0026state=closed)  \n\nv2.1.2:   \n- add WOFF2 support    \n- remove 2.0 SVG icons files\n- add EOT and SVG font files (not included in css)   \n[2.1.2 GitHub milestones](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=6\u0026page=1\u0026state=closed)    \n\nv2.1.1:   \n- fix bugs in aliases LASS/SASS files   \n\nv2.1.0:   \n- change base font folder to \"fonts\"   \n- resort and rename icons for better search   \n- change variables prefix in LESS/SASS from ```md-``` to ```zmdi-```   \n- change helper classes prefix in LESS/SASS from ```zmd-``` to ```zmdi-hc-```   \n- change icons variables prefix in LESS/SASS from ```md-iconset-``` to ```zmdi-var-```   \n- some changes with icons to make them look pixel perfect at 14px lie   \n- add some community icons   \n- add some new icons in directional and social sections   \n[2.1.0 GitHub milestones](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=4\u0026page=1\u0026state=closed)    \n\nAll changes in LESS/SASS/CSS has backward compatibility with 2.0.    \n**If you use font as standalone font - you should update it carefully, because 2.1 ttf file cheat sheet hasn't backward compatibility with 2.0. Sorry for that, but in 2.0 was a bug that I couldn't remove without breaking backward compatibility.**    \n\nv2.0.2:   \n- some minor changes in less/scss/css files for better icons display    \n\nv2.0.1:   \n- remove IE8-9 hooks   \n- fix \"!default\" to used properly way in sass code   \n[2.0.1 GitHub milestones](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=2\u0026page=1\u0026state=closed)\n\nv2.0.0:   \n- add new Google icons   \n- remove duplicated icons to reduce font size   \n- resort and rename icons for better search (no backward compatibility with old icon names)  \n- no support for IE7-8 (remove eot and svg font files)   \n- change icon-prefix to 'zmdi-' for capability with Angular JS   \n- add 'fixed-width', 'list' and 'stack' classes  \n- add \"!default\" to sass variables   \n- add vars with glyph codes to less/sass   \n- add nested pseudo classes for less/sass   \n[2.0.0 GitHub milestones](https://github.com/zavoloklom/material-design-iconic-font/issues?milestone=3\u0026page=1\u0026state=closed)\n\n### Versioning\nMaterial Design Iconic Font 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.\u003cpatch\u003e`\n\nAnd constructed with the following guidelines:\n\n* New icons from Google or changes that breaking backward compatibility bumps the major (and resets the minor and patch)\n* New additions, including new non-Google icons, without breaking backward compatibility bumps the minor (and resets the patch)\n* Bug fixes and misc changes bumps the patch\n\nFor more information on SemVer, please visit http://semver.org.\n\n### Author\n- Email: s.kupletsky@gmail.com\n- Twitter: https://twitter.com/zavoloklom/\n- GitHub: https://github.com/zavoloklom/\n- CodePen: http://codepen.io/zavoloklom/\n- Dribble: https://dribbble.com/zavoloklom/\n\n### Donate\n- You can support me via [PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_donations\u0026business=s%2ekupletsky%40gmail%2ecom\u0026lc=US\u0026item_name=Material%20Design%20Iconic%20Font\u0026currency_code=USD\u0026bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted), [WebMoney](https://funding.webmoney.ru/material-design-web-projects) or [Gratipay](http://gratipay.com/zavoloklom/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzavoloklom%2Fmaterial-design-iconic-font","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzavoloklom%2Fmaterial-design-iconic-font","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzavoloklom%2Fmaterial-design-iconic-font/lists"}