fix(entity-title): apply text-muted color to static icon elements

[ggdouglas]

Summary

When icon is a JSX element, <Icon> drops the bp6-text-muted class. Wrap element icons in a <span class="bp6-text-muted"> so they render with the same muted color as string icons. Preserves the existing <Icon> path for the loading skeleton state.

This was discovered during research on #8065

Code

import { EntityTitle } from "@blueprintjs/core";

// dynamic
<EntityTitle icon="bookmark" title="Saved Search" subtitle="Modified 2 hours ago" />

import { EntityTitle } from "@blueprintjs/core";
import { Bookmark } from "@blueprintjs/icons";

// static
<EntityTitle icon={<Bookmark />} title="Saved Search" subtitle="Modified 2 hours ago" />

Screenshots

Before	After

Diff

[changelog-app]

Generate changelog in packages/core/changelog/@unreleased

Type (Select exactly one)

• Feature (Adding new functionality)
• Improvement (Improving existing functionality)
• Fix (Fixing an issue with existing functionality)
• Break (Creating a new major version by breaking public APIs)
• Deprecation (Removing functionality in a non-breaking way)
• Migration (Automatically moving data/functionality to a new system)

Description

fix(entity-title): apply text-muted color to static icon elements

Check the box to generate changelog(s)

• Generate changelog entry

[changelog-app]

✅ Successfully generated changelog entry!

Need to regenerate?

Simply interact with the changelog bot comment again to regenerate these entries.

🔄 Changelog entries were re-generated at Fri, 17 Apr 2026 14:47:41 UTC!

---

📋Changelog Preview

🐛 Fixes

• fix(entity-title): apply text-muted color to static icon elements (#8070)

[blueprint-previews]

fix(entity-title): apply text-muted color to static icon elements

Build artifact links for this commit: documentation | landing | table | demo | storybook

This is an automated comment from the deploy-preview CircleCI job.