Fontsource Logo

Installation

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

⬤⬤

npm install @fontsource/material-icons

sh

Import

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

400

⬤⬤

import '@fontsource/material-icons';

jsx

CSS

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

⬤⬤

body {
font-family: 'Material Icons', sans-serif;
}

css

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

Font Details

Download Icon

Downloads: 4.71M

Edit Icon

Last Modified: 2025-09-17