gitmyhub

icones

Vue ★ 7.4k updated 18d ago

⚡️ Icon Explorer with Instant searching, powered by Iconify

A browser-based icon search and export tool that lets you instantly find, preview, and download icons from many design systems, or package multiple icons into a font file for your project.

VueJavaScriptVitesetup: easycomplexity 1/5

Icones is a web app for browsing and searching icons. It pulls from a large collection of icon sets through a library called Iconify, which aggregates icons from many different design systems into one place. The app is available at icones.js.org and runs entirely in the browser.

Searching is instant and fuzzy, meaning you can type part of a word and results appear immediately without any server requests. All searching happens locally in the browser, so it works without an internet connection once the page has loaded. You can filter by category and bookmark collections you use frequently.

A feature called the Bag lets you select multiple icons and package them into an icon font file ready to drop into a project. This came out of a separate library the author created called svg-packer. You can also copy the usage code for an icon or download the SVG file directly.

The app has dark mode and works on mobile browsers. It was built with Vite, a build tool, and Vue 3, a JavaScript framework for building web interfaces. A community-made VS Code extension brings the same icon search experience into the code editor.

The README is brief and the project is straightforward in scope: it is a practical utility for designers and developers who need to find and export icons quickly. It is open source under the MIT license and was created by Anthony Fu.

Where it fits