Ikon

An app for creating downloadable spritesheets from dragged & dropped individual SVGSs or icon directories

Features...

• Workflow-focused:
  • Select icons in bulk by directory
  • Fuzzily search by name
  • Flatten heavily-nested directories
  • Installable for offline use
  • Auto updating service worker via Workbox
• Secure:
  • Works wholly in-browser
  • Headers verified by securityheaders.com
• Accessible
  • Fully keyboard-navigable UI

...more features to come!

Installation

git clone git@github.com:oliverturner/ikon.git
npm i
npm start

Roadmap

Perf

• Identify bottlenecks for large imports

UX

• Handle dropping individual icons
• Prevent drop during processing
• Create templates to render selected icons as React, Vue, etc components
• Add "info" tips to panels explaining usage

DX

• Switch to pure TS
• Upgrade to dragselect@2

Accessibility

• Replace use of "title" attribute with ToggleTip