Material icons and Symbols - react-md

import { MaterialMaterialSymbol } from "react-md"

<MaterialSymbol name="air" />

Variable icon font

Add the variable font stylesheet request to your head tag.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />

Static icon font

Alternatively, the current configuration can be loaded as a static font instead of a variable one.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />