Easily preview all your SVG icons in one beautiful local webpage!
- 🔍 Recursively scans a folder for
.svgfiles - 🖼️ Generates a neat preview page of all your icons
- 🌐 Serves the preview locally in your browser
- ⚡ Fast and easy to use with a single CLI command
npm install -g icon-previewJust run the CLI with the path to your SVG directory:
icon-preview ./path/to/iconsThis will:
- Recursively find all
.svgfiles in the given path - Start a local web server
- Open a preview page in your default browser with all the icons
icon-preview ./assets/iconsWill show a webpage like this:
📁 assets/icons
├── arrows/
│ ├── arrow-left.svg
│ └── arrow-right.svg
├── social/
│ ├── twitter.svg
│ └── github.svg
└── logo.svg
And the preview page will display all 5 icons in a grid 💫
git clone https://github.com/your-username/icon-preview
cd icon-preview
npm install
npm run devFound a bug or want to add a feature? PRs and issues are welcome!
MIT — Free to use, modify, and share.