GlyphDeck — Product UI Icon System

The package includes 96 named SVG symbol files, a single SVG sprite file, a searchable HTML icon catalog, a JSON manifest containing icon names and categories, and usage examples covering both inline SVG and sprite workflows. Implementation notes are also provided to help you get started quickly.

No build step is required — you can drop the SVG sprite or individual SVG files directly into your project and reference them straight away. This makes GlyphDeck equally usable in plain HTML projects, no-build workflows, and fully bundled design systems.

Every icon in GlyphDeck uses currentColor for its fill and stroke values, so the icons automatically inherit whatever color you set via CSS. This means a single asset works across light, dark, and branded themes without needing separate exports or additional asset variants.

The icon set is tailored for product and SaaS interfaces, with symbols spanning SaaS UI, commerce, analytics, media, and developer tool contexts. The included JSON manifest organises all 96 icons by name and category, making it straightforward to find and filter what you need.

Because the icons are standard SVG files with no proprietary dependencies, they work with any framework — React, Vue, Angular, Svelte, or plain HTML — and are supported by all modern browsers. The sprite and inline SVG usage examples provided cover the most common integration patterns.

Yes — since the icons are plain SVG symbols that respect currentColor, you can control color entirely through CSS without editing the source files. For deeper modifications such as adjusting stroke weight or shapes, the SVG source is open to edit in any vector editor or code editor.