Organize SVG icons from a web project’s asset folder and copy them as code with Icon Shelf.

icon-shelf.github.io
Icon Shelf homepage screenshot

About Icon Shelf

Icon Shelf is an icon manager for web developers. It connects to a web project's assets folder, displays the SVG icons in that folder, and lets users copy icons as code. Icons can be organized into collections for different projects, searched by name, and previewed at a large size. An SVG optimizer is available for preparing icons for production.

Teams can connect the collections folder to a service such as GitHub or Dropbox to share icons. This sync depends on those external services. Icon Shelf does not add any extra files to the connected assets folder. It runs on macOS, Windows, and Linux. The homepage describes the tool as free to use, but pricing is not confirmed by the source. The homepage also calls it open source, while the directory metadata lists it as not open source, so check the project page before relying on either claim.

Key features

  • Connects to a web project's assets folder to show its SVG icons
  • Organizes icons into collections for separate projects
  • Large icon previews sorted by date added
  • Search bar for finding icons, with cmd/ctrl+f to focus it
  • Copies icons as import statements or embed code for React, Vue, Svelte, and Ember
  • Built-in SVG optimizer for preparing icons for production
Best for: Web developers and frontend teams who manage SVG icons in project asset folders and want to copy them as framework code.
Good for
  • Does not add any extra files to the connected assets folder
  • Copies icons as code for React, Vue, Svelte, and Ember
  • Runs on macOS, Windows, and Linux
Watch out for
  • Team syncing depends on external services such as GitHub or Dropbox
  • The homepage and directory metadata disagree on whether the tool is open source

Icon Shelf at a glance

Type
Online tool
Pricing
Not confirmed. Check the site
Platforms
Linux, macOS, Web, Windows
Open source
Not stated
Language
English
Good for
Developers
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

Icon Shelf alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Personas

personas.draftbit.com

Personas provides avatar controls for skin, hair, facial features, and accessories, with PNG downloads and shareable links.

Popular in Icons & Illustrations

Well-known listings from the same topic.

All 32

Icon Shelf FAQ

Does Icon Shelf change files in my assets folder?
It does not add any extra files to the connected assets folder.
How can a team share icon collections?
The collections folder can be connected to a service such as GitHub or Dropbox, which allows collaboration with a team.
Which frameworks are supported for copying icon code?
The homepage lists React, Vue, Svelte, and Ember, and says the clipboard text can be customized for a project.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing