Iconflo

As a developer, I constantly download icon sets from various sources, most coming in an variety of formats (SVG, WebP, AI, PSD, PNG, JPG).

These are very hard to organize, and retrieve again later in a cohesive and organized manner. The problem with organizing icon sets is:

• Mixed formats (as mentioned above)
• Inconsistent naming conventions
• Multiple variants (dark/light, sizes, @2x, etc.)
• No easy way to preview or organize them using built-in OSX and popular third-party tools (Finder, Forklift, Adobe Bridge).

Existing tools either:

• Treat icons like design assets (they want to export them into ico, app ready, bundle ready, export as a pack).
• Focus only on SVGs (too limited)
• Are too heavy (way overkill for an icon viewer / organizational app)
• Lack developer workflows (copy as React, optimize SVG, multiple asset formats)

The result: I waste time digging through folders/Dropbox or re-acquiring icons repeatedly, not remembering where they are and where I downloaded/purchased them.

---

The Idea

A macOS app that:

Ingests messy icon set folders, normalizes them, and turns them into a clean, searchable, developer-friendly icon viewer.

Key concepts:

• Packs → imported folders/icon sets
• Icons → logical grouping (e.g., arrow-left)
• Variants → SVG, PNG, WebP, AVIF, etc.

Core features:

• Drag-and-drop folder import
• Auto-group related files into a single icon
• SVG as the primary preview (when available)
• Quick format switching (SVG ↔ PNG ↔ WebP)
• One-click actions:
  • Copy SVG
  • Copy React component
  • Export asset
• Fast search + filtering (e.g., missing SVGs, duplicates)

---

Current Landscape

There are tools in this space, but none quite hit my use case:

• Iconomizer — Nice SVG viewer, but limited in scope.
• Eagle / DAM tools — Too broad, not icon-focused.
• IconJar — Designer-first and focused on building/exporting icon sets; not focused on a preview experience.
• Iconset — Supports SVGs only; no grouping within icon sets.
• Finder / Forklift / folders → Zero intelligence or grouping. Previewing is easy; copying the SVG with a few clicks is not.

What’s missing is:

• Smart ingestion of messy icon packs
• Grouping into logical icons (not just files)
• Developer-first export workflows (export as optimized WebP, PNG, React/TypeScript component, SVG sprite)

---

How I Plan to Build It

I’m building this as a native macOS app using SwiftUI.

Data model:

• Pack → Icon → Variants
• SVG becomes the preferred primary format when available

I’m intentionally keeping v1 tight:

• No cloud sync initially
• Focus on import → preview → export workflow

---

Why This Might Work

It's an organization and cleanup tool designed to keep all your icon sets in one spot.

If it works well, it removes friction from a very common dev task:

“I downloaded an icon set—now how do I actually use it and remember where it is six months from now?

Would love feedback, especially from:

• Devs working with icon-heavy UIs
• Anyone who's tried existing tools and felt the pain