Browse all icons
Code execution
SquareTerminalCode run in a sandbox, with its output
Size48px
Stroke width2
Colour
Background
import { SquareTerminal } from "lucide-react";
<SquareTerminal
size={48}
/>Agent promptClaude Code · Cursor · any agent
Use the Lucide `SquareTerminal` icon for "Code execution" in this project's interface.
Why this one: Code run in a sandbox, with its output
## Install
```bash
npm install lucide-react
```
## Use it
```tsx
import { SquareTerminal } from "lucide-react";
<SquareTerminal size={48} strokeWidth={2} />
```
## Keep these
- `size={48}` and `strokeWidth={2}` — the weight that sits correctly beside body text at this size. A default stroke of 2 at small sizes reads heavy next to text.
- No colour class: the icon inherits `currentColor` from its container, so it follows the surrounding text in both light and dark themes. Do not hardcode a hex value.
- Give it an accessible name when it stands alone (`aria-label`), or `aria-hidden` when it sits next to a text label that already says the same thing.
Used for this concept in: Code Execution. Use the same glyph across all of them — an interface that draws one concept two ways teaches the reader nothing.
Reference: https://scrimui.dev/icons/code-executionFollows the size, stroke and colour above — adjust them and the prompt changes with it.
At every size
12px16px20px24px32px48px
Stroke 2 at 16px and below reads heavy next to body text — drop to 1.5 with the slider above.