[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-634":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":10,"languages":10,"totalLinesOfCode":10,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":15,"starSnapshotCount":15,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},634,"material-design-icons","google\u002Fmaterial-design-icons","google","Material Design icons by Google (Material Symbols)","http:\u002F\u002Fgoogle.github.io\u002Fmaterial-design-icons\u002F",null,53432,9729,1798,394,0,6,44,181,31,45,"Apache License 2.0",false,"master",true,[26,27,28,29,30,31,32],"android","icons","ios","material","material-design","sprites","web","2026-06-12 02:00:16","## Material Symbols \u002F Material Icons\n\nThese are two different official icon sets from Google, using the same underlying designs. Material Symbols is the current set, introduced in April 2022, built on variable font technology. Material Icons is the classic set, but no longer updated. More details below.\n\nThe icons can be browsed in a more user-friendly way at https:\u002F\u002Ffonts.google.com\u002Ficons. Use the popdown menu near top left to choose between the two sets; Material Symbols is the default.\n\nThe icons are designed under the [material design guidelines](https:\u002F\u002Fmaterial.io\u002Fguidelines\u002F).\n\n## Icon Requests\n\nWe’d love to support your icon needs! Please submit your request here on GitHub as an issue.\n\nPlease note that Google Fonts does not accept user submissions of finished icon designs! There are fairly strict  guidelines for Material icons, plus Google has upstream source files from which this repo is generated. Therefore, Google does not accept pull requests for icon files (whether new icon suggestions, or fixes for existing icons). Concepts are appreciated—just don’t design SVGs and submit them via pull request.\n\nHowever, users are perfectly welcome to point at outside files or images as examples—for the kind of thing they want, but they won’t just be taken “as is.” This works especially well if you have multiple examples for a single icon, to help us understand the “essence” of the idea.\n\n> For example, there is a fairly universal conceptual logo\u002Ficon for “agender,” so if you were proposing Google add an agender icon in the Material style, either mentioning that, or pointing at https:\u002F\u002Fwww.google.com\u002Fsearch?q=agender+icon would be a helpful tip.\n\n### Third-party logos\n\nCurrently, Google does not include 3rd-party logos among the Material Symbols or Material Icons due to legal reasons. Some 3rd-party logos that were included in the past have since been removed.\n\n## npm Packages\n\nGoogle does not currently maintain the npm package for this repo, past v3 (2016). However, user @marella is hosting the following. He tells us these are automatically updated and published using GitHub Actions. Note: Google does **not** monitor or vet these packages.\n\n### [material-symbols](https:\u002F\u002Fgithub.com\u002Fmarella\u002Fmaterial-symbols\u002Ftree\u002Fmain\u002Fmaterial-symbols#readme) [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fmaterial-symbols)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmaterial-symbols) [![install size](https:\u002F\u002Fpackagephobia.com\u002Fbadge?p=material-symbols)](https:\u002F\u002Fpackagephobia.com\u002Fresult?p=material-symbols)\n\n- Only WOFF2 variable fonts and CSS for Material Symbols\n- Includes outlined, rounded, and sharp icons and all variations of fill, weight, grade, and optical size\n- Supports Sass\n\n### [material-icons](https:\u002F\u002Fgithub.com\u002Fmarella\u002Fmaterial-icons#readme) [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fmaterial-icons)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmaterial-icons) [![install size](https:\u002F\u002Fpackagephobia.com\u002Fbadge?p=material-icons)](https:\u002F\u002Fpackagephobia.com\u002Fresult?p=material-icons) [![Downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fmaterial-icons)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmaterial-icons)\n\n- Only WOFF2, WOFF fonts and CSS\n- Includes outlined, round, sharp and two-tone icons\n- Supports Sass\n\n### [@material-design-icons\u002Ffont](https:\u002F\u002Fgithub.com\u002Fmarella\u002Fmaterial-design-icons\u002Ftree\u002Fmain\u002Ffont#readme) [![npm (scoped)](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@material-design-icons\u002Ffont)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@material-design-icons\u002Ffont) [![install size](https:\u002F\u002Fpackagephobia.com\u002Fbadge?p=@material-design-icons\u002Ffont)](https:\u002F\u002Fpackagephobia.com\u002Fresult?p=@material-design-icons\u002Ffont)\n\n- Only WOFF2 fonts and CSS\n- Lighter version of `material-icons` package\n- Doesn't support [older browsers](https:\u002F\u002Fcaniuse.com\u002Fwoff2) such as Internet Explorer because of dropping WOFF (v1)\n\n### [@material-design-icons\u002Fsvg](https:\u002F\u002Fgithub.com\u002Fmarella\u002Fmaterial-design-icons\u002Ftree\u002Fmain\u002Fsvg#readme) [![npm (scoped)](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@material-design-icons\u002Fsvg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@material-design-icons\u002Fsvg) [![install size](https:\u002F\u002Fpackagephobia.com\u002Fbadge?p=@material-design-icons\u002Fsvg)](https:\u002F\u002Fpackagephobia.com\u002Fresult?p=@material-design-icons\u002Fsvg)\n\n- Only SVGs\n- Optimizes SVGs using SVGO\n\n## Material Symbols\n\nThese newer icons can be browsed in a more user-friendly way at https:\u002F\u002Ffonts.google.com\u002Ficons. Use the popdown menu near top left to choose between the two sets; Material Symbols is the default.\n\nThese icons were built\u002Fdesigned as variable fonts first (based on the 24 px designs from Material Icons). There are three separate Material Symbols variable fonts, which also have static icons available (but those do not have all the variations available, as that would be hundreds of styles):\n- Outlined\n- Rounded\n- Sharp\n- Note that although there is no separate Filled font, the Fill axis allows access to filled styles, in all three fonts. It can also be manipulated for an animated fill effect, to indicate user selection.\n\nEach of the fonts has these design axes, which can be varied in CSS, or in many more modern design apps:\n- Optical Size (opsz) from 20 to 48 px. The default is 24.\n- Weight from 100 (Thin) to 700 (Bold). Regular is 400.\n- Grade from -50 to 200. The default is 0 (zero). -50 is suggested for reversed contrast (e.g. white icons on black background)\n- Fill from 0 to 100. The default is 0 (zero).\n\nThe following directories in this repo contain specifically Material Symbols (not Material Icons) content:\n- symbols\n- variablefont\n\nWhat is currently _not_ available in Material Symbols?\n- only the 20 and 24 px versions are designed with perfect pixel-grid alignment\n- the only pre-made fonts are the variable fonts\n- there are no two-tone icons\n\n## Material Icons\n\nThe icons can be browsed in a more user-friendly way at https:\u002F\u002Ffonts.google.com\u002Ficons?icon.set=Material+Icons\n\nThese classic icons are available in five distinct styles:\n- Outlined\n- Filled (the font version is just called Material Icons, as this is the oldest style)\n- Rounded\n- Sharp\n- Two tone\n\nThe following directories in this repo contain specifically Material Icons (not Material Symbols) content:\n- android\n- font\n- ios\n- png\n- src\n\nWhat is currently _not_ available in Material Icons?\n- variable fonts\n- weights other than Regular\n- grades other than Regular\n- a means to animate Fill transitions\n- new icons (since updates were halted in 2022)\n\n## Material Icons update history\n\n### 4.0.0 Update\n* 2020 Aug 31\n* Restructured repository, updated assets.\n\n### 3.0.1 Update\n* 2016 Sep 01\n* Changed license in package.json.\n* Added missing device symbol sprites.\n\n### 3.0.0 Update\n* 2016 Aug 25\n* License change to Apache 2.0!\n\n### 2.0\n* 2016 May 28\n\n## Getting Started\n\nRead the [developer guide](https:\u002F\u002Fdevelopers.google.com\u002Ffonts\u002Fdocs\u002Fmaterial_icons) on how to use the material design icons in your project.\n\n### Using a font\n\nThe `font` and `variablefont` folders contain pre-generated font files that can be included in a project. This is especially convenient for the web; however, it is generally better to link to the web font hosted on Google Fonts:\n\n```html\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Material+Icons\"\n      rel=\"stylesheet\">\n```\n\n```html\n\u003Clink href=\"https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Material+Symbols+Outlined\"\n      rel=\"stylesheet\">\n```\nRead more on [Material Symbols](https:\u002F\u002Fdevelopers.google.com\u002Ffonts\u002Fdocs\u002Fmaterial_symbols\u002F) or [Material Icons](https:\u002F\u002Fdevelopers.google.com\u002Ffonts\u002Fdocs\u002Fmaterial_icons\u002F) in the Google Fonts developer guide.\n\n\n## License\n\nWe have made these icons available for you to incorporate into your products under the [Apache License Version 2.0](https:\u002F\u002Fwww.apache.org\u002Flicenses\u002FLICENSE-2.0.txt). Feel free to remix and re-share these icons and documentation in your products.\nWe'd love attribution in your app's *about* screen, but it's not required.\n","google\u002Fmaterial-design-icons 是由 Google 提供的 Material Design 图标集（包括 Material Symbols 和 Material Icons）。项目核心功能是提供遵循 Material Design 指南设计的图标，支持 Android、iOS 和 Web 平台。Material Symbols 利用了可变字体技术，能够自定义填充、粗细等属性，而 Material Icons 为经典版本但不再更新。这些图标适用于需要统一视觉风格的应用程序界面设计场景，特别是追求现代感和简洁性的用户界面。此外，社区成员可以通过 GitHub 提交图标需求建议，但不接受直接的设计文件提交。",2,"2026-06-11 02:38:17","top_all"]