SUSupaUI

Display

PixelIcon

Crisp pixel-grid SVG factory. Includes starter glyphs and a `createPixelIcon(grid, d)` builder.

Install

bash
npx shadcn@latest add https://supaui.dev/r/pixel-icon.json

Glyphs

Custom glyph

tsx
import { createPixelIcon } from "@/components/ui/pixel-icon";

export const PixelStar = createPixelIcon(8, "M3 0h2v2h2v2h2v2h-2v2H3v-2H1v-2h2z");

API

  • grid — 6 · 8 (default) · 10 · 12.
  • size — sm · md · lg.
  • Renders shape-rendering="crispEdges".