import HomeIcon from "@brijbyte/md3-icons/outlined/Home";The full set of Material Symbols (weight 400) ships as
@brijbyte/md3-icons — one tree-shakeable React component per icon, so a consumer only
bundles the icons it imports. Each is a currentColor SVG that inherits its size and color
from the surrounding text, which is why the same icon follows the --md-sys-color-* tokens
wherever you drop it.
Icons inherit color and size from the surrounding text — two CSS properties restyle all four thousand at once.
currentColorEvery icon is a default export addressed by style and PascalCase name:
import SearchIcon from "@brijbyte/md3-icons/outlined/Search";
import FavoriteFill from "@brijbyte/md3-icons/rounded/FavoriteFill";Three styles — outlined, rounded, sharp — each with a filled variant (append Fill
to the name). Digit-leading names get an Icon prefix (10k → Icon10k). Pick a variant
below and click any icon to copy its name, component, or import.