AI icon playbook
AI coding agent UI icon playbook
Plan SVG icons for AI coding agents, terminal commands, repository automation, code review queues, permissions, and generated developer screens.
How to use this playbook
- Use this playbook before generating or rebuilding an AI coding product UI. It connects high-intent searches, workflow pages, templates, prompt packs, and icon patterns so command, review, status, GitHub, and permission icons stay consistent.
- Start with command, chat, copy, search, GitHub, status, key, and visibility icons.
- Use the review queue and agent run table patterns before prompting AI tools to generate dense agent screens.
- Export a selected set from Icon Set Builder as JSON, React snippets, or prompt context for implementation.
Matching icons
179 icons
Command
Chat
Chat text
Chat heart
Chat dots
Copy
Search
Search menu
Search add
Search remove
Github
Key lock
Key lift
Checkbox on
Checkbox off
Check
Webcalendar check
Calendar check
Bag check
Bag check fill
Alert
Visibility on
Visibility off
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
Usb c fill
Trimming
Workflows and industries
Start from the closest hubAI 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.Developer portal SVG icon workflowCollect SVG icons for API docs, SDK guides, code samples, copy buttons, keys, changelogs, and CLI workflows.Generated app SVG icon workflowPrepare SVG icons for AI app builders, prompt-to-product prototypes, generated screens, previews, and deployment 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.Developer documentation icon resourcesBrowse SVG icon collections for API docs, SDK portals, changelogs, documentation search, code snippets, and developer onboarding.AI agent product icon resourcesFind AI-ready SVG icon pages for agent dashboards, tool calls, MCP integrations, RAG workflows, evaluations, and AI-assisted coding products.
Templates and patterns
Reusable sets and screen-level plansAI coding assistant workflow icon setAssemble command, chat, copy, status, GitHub, review, key, and settings icons for AI-assisted coding tools.Coding agent review queue icon setAssemble command, GitHub, status, visibility, chat, key, list, and settings icons for coding agent review queues.Developer docs portal icon setAssemble copy, command, API key, search, list, navigation, release, and settings icons for developer docs.Agent run table icon patternBuild agent run tables with status, alert, visibility, GitHub, key, logs, settings, and graph SVG icons.AI chat sidebar icon patternChoose chat, command, search, copy, history, settings, and account SVG icons for AI assistant sidebars and generated app shells.MCP tool registry icon patternCollect command, connector, key, docs, upload, status, settings, and list SVG icons for MCP tool registries and connector catalogs.
Guides and categories
AI coding assistant SVG iconsBuild an AI coding assistant icon set for prompts, code review, GitHub workflows, CLI commands, docs lookup, and CI status.Human review and approval SVG iconsFind visibility, check, alert, chat, account, key, and list SVG icons for AI approval queues and human-in-the-loop workflows.Developer documentation SVG iconsBuild a developer docs icon set for API references, SDK guides, copy buttons, search, keys, and changelogs.Interface ActionsCommon UI controls for menus, search, settings, lists, and edits.People & SocialPeople, profile, reaction, chat, and social media icons.Devices & ConnectionDevice, power, network, USB, and hardware icons.Media & FilesPhoto, video, audio, document, and annotation icons.