icon-vscode

icon-vscode is a skill for Claude Code, Codex from Kilo-Org/kilocode. It costs 24 tokens per session (1,562 once invoked), scanned A, original, MIT.

A set of rules for creating and reviewing icons used by Kilo's VS Code extension, its web-based panels, and shared interface components. It explains which icon format and size to use for each part of the extension and how themes affect them.

In plain words
What is it for?
Designing command, menu, activity-bar, marketplace, web-panel, button, and shared-library icons while following the relevant VS Code or Kilo conventions.
Why use it?
It prevents icons from looking out of place or failing to display correctly across VS Code surfaces, light and dark themes, and Kilo's web panels.

Skill for Claude CodeCodex

About the project

Kilo Code is an open-source AI coding agent that works inside VS Code and JetBrains, from the command line, or through cloud services. Developers use it to build software with AI models, switch between providers, and run cloud agents or automated code reviews. The catalogue includes eleven skills, eight agents, and one instruction for Kilo Code.

Kilo-Org/kilocode · 27,179 stars · on GitHub

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/kilo-org/kilocode/icon-vscode
Any agent
npx skills add Kilo-Org/kilocode --skill icon-vscode
Clone the repo
git clone --depth 1 https://github.com/Kilo-Org/kilocode

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for icon-vscode

README.md
[![agentmods](https://agentmods.dev/badge/skills/kilo-org/kilocode/icon-vscode.svg)](https://agentmods.dev/skills/kilo-org/kilocode/icon-vscode)
Your own site
<a href="https://agentmods.dev/skills/kilo-org/kilocode/icon-vscode"><img src="https://agentmods.dev/badge/skills/kilo-org/kilocode/icon-vscode.svg" alt="Measured on agentmods" height="20"></a>
Per session 24 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,562 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00024 $0.01562
Opus 5 $0.00012 $0.00781
Sonnet 5 $0.00005 $0.00312
Haiku 4.5 $0.00002 $0.00156

Measured 5d ago against content hash 8c6e4c47396f, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

icon-vscode scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

.kilo/skills/icon-vscode/SKILL.md · 64 lines

How it starts

The opening of the file, as written. The whole thing — 64 lines — stays where its author put it; the contents beside it link to each section on GitHub.

VS Code Icons

Use this skill for icon work in packages/kilo-vscode/, packages/kilo-ui/, and the shared packages/ui/ icon registry. Keep official VS Code workbench rules separate from Kilo's webview design system.

Choose the icon system first

Surface Use Source of truth Theme handling
VS Code commands, menus, and editor actions Codicon, for example $(add), or a 16x16 single-color SVG only when needed packages/kilo-vscode/package.json records usages; VS Code command icons defines the contract VS Code themes Codicons; SVGs use light/dark contribution fields
Activity bar and view containers 24x24 centered single-color icon by the VS Code convention; existing Kilo branding is an intentional asset exception packages/kilo-vscode/package.json, packages/kilo-vscode/assets/icons/ Follow the contribution point; do not redesign the existing brand mark
Marketplace and extension branding Packaged brand asset packages/kilo-vscode/package.json, packages/kilo-vscode/assets/icons/ Existing Kilo assets define their own palette and variants
Webview buttons and UI Icon or IconButton from @kilocode/kilo-ui packages/kilo-ui/src/components/icon.tsx, then packages/ui/src/components/icon.tsx currentColor and the VS Code theme bridge
Extension-contributed product icon Existing WOFF2 font entry, for example $(kilo-logo) contributes.icons in packages/kilo-vscode/package.json and its usages VS Code product-icon theming

Do not draw a custom SVG when an appropriate Codicon or existing registry icon already exists. Do not use a webview icon directly in package.json, or a VS Code contribution icon directly in the webview.

Existing repository conventions

  • Search packages/kilo-ui/src/components/icon.tsx first for Kilo-only icons, then packages/ui/src/components/icon.tsx for shared icons. Preserve the existing key spelling, which is mostly kebab-case, and match a visual sibling before adding a new one.
  • Webview registry icons are inline SVG path strings, not standalone files. They use fill="currentColor" or stroke="currentColor"; do not add theme duplicates or literal palettes to registry entries. Standalone brand artwork may use light/dark variants.
  • Match the closest registry sibling's viewBox. The shared set is mostly 20 20, with existing 16 16 entries; Kilo-only entries also intentionally use 24 24. Icons render at 16px (small), 20px (normal), or 24px (medium/large). Never paste a path onto a different canvas without rebalancing it.
  • The extension's current brand assets are kilo-light.svg, kilo-dark.svg, kilo-light.png, kilo-dark.png, and logo-outline-black.png. The WOFF2 file is a packaged contribution font, not an editable icon source.
  • Registry icons are decorative by default. Icon buttons need an aria-label or visible button text; a tooltip or arbitrary label attribute is not sufficient unless the wrapper maps it to an accessible name.

Read the full file on GitHub · 64 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 5d ago First seen · 64 lines · 24 tokens per session scan A 8c6e4c47396f

Subscribe to this mod's changes

icon-vscode is a skill published in the GitHub repository Kilo-Org/kilocode (27,179 stars, last pushed today), licensed MIT. It adds 24 tokens to every session and 1,562 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.