Fontsource Logo

Installation

Install the static version of this font by running the following command:

⬤⬤

npm install @fontsource/material-symbols

sh

Import

Include the following line in the root layout of your project to import the font:

100
200
300
400
500
600
700

⬤⬤

import '@fontsource/material-symbols';

jsx

CSS

Include the CSS in your project by adding the following line to your project:

⬤⬤

body {
font-family: 'Material Symbols', monospace;
}

css

Note:Using Material Symbols on your website with Fontsource requires additional steps. Please refer to the Material Symbols documentation for more information.

Font Details

Download Icon

Downloads: 499

Edit Icon

Last Modified: 2025-11-20