tree: 25e7f5f97bd0ffea9cbe32d047ccb8262eb88dba [path history] [tgz]
  1. MaterialIcons-Regular.codepoints
  2. MaterialIcons-Regular.ttf
  3. MaterialIconsOutlined-Regular.codepoints
  4. MaterialIconsOutlined-Regular.otf
  5. MaterialIconsRound-Regular.codepoints
  6. MaterialIconsRound-Regular.otf
  7. MaterialIconsSharp-Regular.codepoints
  8. MaterialIconsSharp-Regular.otf
  9. MaterialIconsTwoTone-Regular.codepoints
  10. MaterialIconsTwoTone-Regular.otf
  11. README.md
font/README.md

This is the directory for Material Icons fonts—note that the font versions of these icons have not been updated since early 2022; the newer Material Symbols fonts are more current, and can be found at ../variablefont.

Material Icons are the non-variable classic icon fonts, while the Material Symbols variable fonts offer weight, optical size, grade and fill variations (with grade and Fill being intended also for animated effects).

The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts:

<!-- https://material.io/resources/icons/?style=baseline -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons"
      rel="stylesheet">

<!-- https://material.io/resources/icons/?style=outline -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined"
      rel="stylesheet">

<!-- https://material.io/resources/icons/?style=round -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Round"
      rel="stylesheet">

<!-- https://material.io/resources/icons/?style=sharp -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Sharp"
      rel="stylesheet">

<!-- https://material.io/resources/icons/?style=twotone -->
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Two+Tone"
      rel="stylesheet">