Scrim UI

Confidence

BadgeQuestionMark

How sure the answer is, flagged where the claim is made

Size48px
Stroke width2

Colour

import { BadgeQuestionMark } from "lucide-react";

<BadgeQuestionMark
  size={48}
/>
Agent promptClaude Code · Cursor · any agent
Use the Lucide `BadgeQuestionMark` icon for "Confidence" in this project's interface.

Why this one: How sure the answer is, flagged where the claim is made

## Install

```bash
npm install lucide-react
```

## Use it

```tsx
import { BadgeQuestionMark } from "lucide-react";

<BadgeQuestionMark 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: Confidence Answer. 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/confidence

Follows the size, stroke and colour above — adjust them and the prompt changes with it.

Components that use it

Others in Safety & Refusal

BadgeQuestionMark is from Lucide, ISC licence, © Lucide Contributors. The icon is theirs; pairing it with “Confidence” is ours, and arguable.