What Features and Resources Does Glyphs Offer?

Updated

Glyphs (glyphs.fyi) is an open-source icon design system built around Figma, with web components and a CLI for getting icons into real projects. It suits designers who want to edit icon source files and developers who want to consume the same icons in an app without redrawing them.

Core features

  • Thousands of editable icons designed in Figma. The icons are not locked-down exports; the source is fully editable, which is the basis for the "fully editable & truly open source design system" claim on the site.
  • Web components for use with any application. Rather than shipping only static files, Glyphs provides components so icons can be dropped into a web app.
  • CLI utility to download SVGs from Figma. This is the bridge between the design source and a codebase: instead of exporting by hand, you pull SVGs through a command-line tool.
  • Categorized and tagged for easy search. Icons are organized so you can find one by category or tag instead of scrolling a single flat list.
  • Growing documentation and guides. The docs are described as expanding rather than finished, so expect coverage to improve over time.
  • Optional light mode everywhere. Light mode is a choice you can apply across the system, not a fixed default.

Resources you can access

Resource What it gives you
Figma file The editable icon source, plus a place to request new icons and features
GitHub repo The open-source code and a channel for contributing to ongoing development
Docs and guides Usage documentation that is still growing
CLI utility A way to download SVGs from Figma into your project
Web components Icon components for use with any application

How the pieces fit together

The workflow implied by the site is: design or pick icons in the Figma file, then bring them into code either through the web components or by using the CLI to download the SVGs. Because the source is open, you can also contribute back — the site explicitly invites joining in Figma and GitHub to contribute to development and request new icons and features.

What to check before committing

  • Whether the icon set covers the categories you actually need — browse by category and tag first.
  • Whether your stack can consume the web components, or whether you would rather use the CLI-downloaded SVGs directly.
  • Whether the documentation currently answers your integration questions, since it is described as still growing.

The site does not state pricing or login requirements in the available material, so treat access terms as something to confirm on the Figma file and GitHub repo themselves.