@10stars/material-symbols-w300

Material Symbols (weight 300) as zero-dependency React SVG components, targeting React 19+. Each icon is a plain function-component <svg> (React 19 ref-as-prop — no forwardRef, no memo) with fill="currentColor" and width/height="1em".

• Zero runtime dependencies. Only React is a peer.
• Icons render a raw <svg>: size with width/height/CSS font-size, color with color/fill. No theme or styling-system integration.

Install

bun add @10stars/material-symbols-w300

Usage

import { AccountCircleRounded } from "@10stars/material-symbols-w300"
// or deep import:
import AccountCircleRounded from "@10stars/material-symbols-w300/AccountCircleRounded"

// 1em by default, inherits text color via currentColor:
<AccountCircleRounded />
// size + color overrides:
<AccountCircleRounded width={32} height={32} style={{ color: "tomato" }} />

Icons use the Material Symbols 0 -960 960 960 viewBox; that flows through from the source automatically, so the geometry is correct without any extra config.

Maintenance

Republished from a pinned upstream npm tarball; icon sources are not committed here.

bun run repack          # download pinned upstream tgz -> ./build, rewrite wrapper, npm pack dry-run
bun run publish:pkg     # same, then npm publish (requires npm auth for @10stars)

The pinned upstream version + integrity hash live in repack.ts. The repack fails loud if the upstream artifact changes or if any disallowed dependency survives the rewrite.