AI icon playbook
AI app builder handoff icon playbook
Prepare SVG icons for generated app builders, prompt-to-product prototypes, preview states, design systems, GitHub handoff, and implementation review.
How to use this playbook
- Generated app workflows move from prompt to prototype to implementation. This playbook groups the icon pages that keep app shell, preview, account, media, status, and repository actions stable across that handoff.
- Start with command, apps, chat, copy, search, preview, account, status, and GitHub icons.
- Use templates and prompt packs to keep generated screens aligned before handoff to product code.
- Link the selected icon pages in prompts so humans can inspect downloads, colors, and license context.
Matching icons
178 icons
Command
Apps
Chat
Chat text
Chat heart
Chat dots
Copy
Search
Search menu
Search add
Search remove
Visibility on
Visibility off
Person add
Person 2
Person 1
Person remove
Checkbox on
Checkbox off
Check
Webcalendar check
Calendar check
Bag check
Bag check fill
Github
trashbox 3
trashbox 2
trashbox 1
exchange
YouTube
Woman
Wifi
Webcopier
Web camera
Web camera no
Volume off
Volume off fill
Volume mute
Volume mute fill
Video
Video fill
Usb
Usb plug
Usb plug fill
Usb fill
Usb drive
Usb drive fill
Usb c
Workflows and industries
Start from the closest hubGenerated app SVG icon workflowPrepare SVG icons for AI app builders, prompt-to-product prototypes, generated screens, previews, and deployment handoff.AI agent interface SVG icon workflowBuild a focused SVG icon set for AI agent chat, command palettes, tool calls, run status, settings, and human review screens.SaaS admin dashboard SVG icon workflowBuild commercial-use SVG icon sets for SaaS dashboards, admin tables, KPI panels, settings, and AI-assisted UI.AI app builder icon resourcesBrowse SVG icon searches, collections, templates, workflows, and prompt packs for AI app builders, no-code tools, generated UI, and prototype handoff.AI coding tool icon resourcesBrowse SVG icon searches, collections, templates, and prompt packs for coding agents, terminal consoles, review queues, permissions, and repository automation.SaaS dashboard icon resourcesBrowse SVG icon searches, collections, templates, and prompt packs for SaaS dashboards, admin panels, settings, billing, analytics, and support surfaces.
Templates and patterns
Reusable sets and screen-level plansAI app builder starter icon setCollect command, app, chat, copy, search, settings, spinner, account, and navigation icons for AI-generated apps.Prompt-to-product prototype icon setBuild a prototype-ready icon set for AI prompts, generated screens, review panels, content cards, and export handoff.AI prototype handoff icon setCollect generated UI, preview, status, documentation, media, account, and export icons for moving AI prototypes into product builds.AI chat sidebar icon patternChoose chat, command, search, copy, history, settings, and account SVG icons for AI assistant sidebars and generated app shells.Prompt library dashboard icon patternBuild prompt libraries with command, note, copy, search, tag-like, settings, visibility, and status SVG icons.Agent run table icon patternBuild agent run tables with status, alert, visibility, GitHub, key, logs, settings, and graph SVG icons.
Guides and categories
Vibe coding SVG iconsBuild a commercial-use SVG icon set for vibe coding, AI app builders, generated app prototypes, previews, and repo workflows.AI agent design system SVG iconsBuild SVG icon rules for agent products, reusable AI UI kits, tool registries, approvals, run histories, and generated app shells.React SVG icon setBuild a React-ready SVG icon set with stable icon names, copyable component snippets, and commercial-use license context.Interface ActionsCommon UI controls for menus, search, settings, lists, and edits.Media & FilesPhoto, video, audio, document, and annotation icons.People & SocialPeople, profile, reaction, chat, and social media icons.Devices & ConnectionDevice, power, network, USB, and hardware icons.