Insert clean SVG icons into Canva designs.
Search and filter the live catalog in a Canva side panel, then upload the selected SVG as a design asset and place it on the current page.
A focused IconSearch experience for Canva.
The interface keeps discovery, inspection, and the final handoff close together while using the same live catalog as the website.
Clear panel search
Visible icon cards, library filtering, and commercial-safety controls keep browsing focused.
SVG asset insertion
Upload the selected icon with an explicit non-AI disclosure and insert it into the design.
Live catalog access
Search current IconSearch results without embedding a large icon bundle in the app.
Secure product sign-in
Canva receives a revocable app token after account approval in the browser.
From local setup to a real icon.
Start the local Canva app bundle
Set the development URL in Canva
Open the app in a test design
Search and add the selected SVG asset
cd canva-app
npm install
npm start
# Development URL: http://localhost:8080/app.jsReady for Canva Developer Portal preview.
The app builds and typechecks locally. It still needs a complete in-Canva interaction test, listing assets, and Canva review before public availability.