@cssints/icons

Icons for cssints: a scope() style with a mask kernel and one class per icon, from an iconify JSON collection (@iconify-json/*) or a folder of SVG files. No runtime. The API is in docs/API.md.

import { icons } from "@cssints/icons" with { type: "cssints" };

export const mdi = icons<typeof import("@iconify-json/mdi/icons.json")>({
  provider: "iconify-json",
  collection: "mdi",
});
// in a component: cn(mdi("home"), color("crimson"))

cd packages/icons && bun run test   # fixtures through the engine, and the type test

Credits

Icons come from Iconify data: @iconify/utils (MIT, Vjacheslav Trushkin) does the parsing. The collections (@iconify-json/*) are your dependency and are not shipped with this package. Each collection has its own license (in its package, info.license: Material Design Icons is Apache-2.0, Phosphor is MIT), and the CSS that icons() prints holds the icons you use: keep the notice that your collection asks for.