Getting Started#

Icophony is a three-column app: the sidebar on the left organizes your library, the icon grid in the middle shows your icons, and the inspector panel on the right shows details for whatever you’ve selected.

Importing Your First Icons#

Drag and Drop Files#

Drag any supported image files directly onto the icon grid. Icophony accepts SVG, PNG, GIF, PDF, ICNS, WebP, ICO, and JPEG files.

Import via Menu#

Choose File → Import… (or press ⌘⇧I) to open a file picker. Select one or more icon files — or an entire .iconjar bundle — and Icophony imports them all at once.

Tip: When you import into a view filtered by a collection (i.e., a collection is selected in the sidebar), imported icons are automatically added to that collection.

App Layout#

Sidebar#

The sidebar has these main sections:

• Smart Folders — All Icons, Favorites, and Unfiled appear at the top. These update automatically.
• SVG Types — Centerline, Filled, and Outline filter SVG icons by structure.
• Groups — Folders that hold collections (and other groups). Expand or collapse them with the disclosure triangle.
• Collections — Named sets of icons. Click any collection to see its icons in the grid.

Icon Grid#

The grid shows thumbnails of all icons matching the current sidebar selection. Click an icon to open it in the inspector. Hold ⌘ or ⇧ to select multiple icons at once.

Inspector Panel#

The inspector shows the large preview and metadata for the selected icon, including SVG override controls, attributes such as SVG Type and Invert based on Dark Mode, tags, notes, URL, license, and file details.

Supported Formats#

Next Steps#

• Organize icons into groups and collections
• Search and filter your library
• Edit SVG icons with overrides