README.md

Heroicons viewer

👉 https://heroicons.dev
👉 https://github.com/refactoringui/heroicons

This is a WIP frontend for the newly released Heroicons iconset by Steve Schoger and Adam Wathan.

• Custom domain (https://heroicons.dev)
• Search
• Advanced search based on tags/concepts
• Click to copy to the clipboard
• Responsive
• Dark mode
  • Initialize outline icons for light mode, solid icons for dark mode
• Support for solid icons
• Cypress-based e2e tests
  • https://github.com/codex-src/heroicons-viewer-cypress
• Buttons to download source/repos
• Code documentation
• Toggle copy to clipboard OR download (like Feather icons)
• Social tags/image
• Size options
• Colors options
• Remember the search query
  • E.g. https://feathericons.com/?query=layers
• Add tooltip UI to explain copy to clipboard
• Icon catagories
• Preview templates (like FontAwesome)
• Suggest an icon/feature
• Monetize with Carbon Ads
• Embed a Figma mockup to work off of
  • Created a reference Figma file: https://figma.com/file/vfjBXrSSOCgmVEX5fdvV4L/Heroicons-v0.1-(2abb814)
• Create a Figma plugin
• Add screenshots to the repo
• Add support for third-party brand icons like Simple Icons
• React-version of click-copy
  • https://github.com/codex-src/react-heroicons
• Add offline support (possible via Firestore)

Contributions are welcome! Built using Create React App and Tailwind CSS, of course. Uses PurgeCSS for production.

See this issue for more context.