Place editable SVG icons directly into Sketch documents.
Search across the live IconSearch catalog, refine by library and style, set color, size, and selection-relative placement, then insert a native editable SVG group.
A focused IconSearch experience for Sketch.
The interface keeps discovery, inspection, and the final handoff close together while using the same live catalog as the website.
Fast visual browsing
A compact three-column plugin window keeps mixed-library results, filters, selected preview, and styling controls visible without crowding the canvas.
Editable native output
Sanitized SVG is imported through Sketch's supported JavaScript API as an editable group rather than a flattened bitmap.
Predictable placement
Insert beside the current selection, centered over it, or at the page origin, then keep the new layer selected and visible.
Small security surface
The plugin uses the public icon API, embeds no credentials, validates SVG in both runtime contexts, and stores recents only in the local webview.
From local setup to a real icon.
Build the three-file .sketchplugin bundle
Install it on a macOS device with Sketch
Search and style an icon in the plugin window
Insert the editable SVG relative to the current selection
cd sketch-plugin
npm install
npm run verify
open dist/IconSearch.sketchpluginPackaged for native Sketch host testing.
The webview, dual SVG validation, native insertion command, tests, dependency audit, .sketchplugin bundle, and exact three-file release ZIP pass locally. A real Sketch host test, hosted updating JSON, release assets, and official plugin-directory submission remain before public availability.