[BUG] Diff/code block icons render as tofu (☒) in VS Code Extension chat panel due to CSP blocking base64 font
Resolved 💬 5 comments Opened Feb 19, 2026 by Ahnseok-Kim-InZOI Closed Apr 14, 2026
Preflight Checklist
- [x] I have searched existing issues and this hasn't been reported yet
- [x] This is a single bug report (please file separate reports for different bugs)
- [x] I am using the latest version of Claude Code
What's Wrong?
In the VS Code Extension chat panel, diff view icons (line numbers, +/- indicators)
render as broken characters (☒/tofu) instead of the intended glyphs.
What Should Happen?
Diff/code block icons render correctly in the chat panel.
Error Messages/Logs
Icons appear as ☒ (tofu) squares. Affected elements include:
- Line number indicators in code blocks
- `+` / `-` diff markers in file edit previews
Steps to Reproduce
- Open VS Code with the Claude Code extension
- Ask Claude to edit a file (triggers diff view in chat panel)
- Open
Developer: Open Webview Developer Tools→ Console tab - Observe CSP font-src violation error
- Observe ☒ rendering in the chat panel
Claude Model
None
Is this a regression?
Yes, this worked in a previous version
Last Working Version
VS Code 1.109.4
Claude Code Version
2.1.39
Platform
Anthropic API
Operating System
Windows
Terminal/Shell
VS Code integrated terminal
Additional Information
Host the icon font on https://*.vscode-cdn.net or include it as a bundled asset
accessible via vscode-resource: scheme, so it complies with the Webview CSP policy.
This issue has 5 comments on GitHub. Read the full discussion on GitHub ↗