Skip to content

Comments

fix(ui): simplify OpenClawIcon for better visual consistency#12908

Merged
kangfenmao merged 2 commits intomainfrom
kangfenmao/openclaw-icon-fix
Feb 14, 2026
Merged

fix(ui): simplify OpenClawIcon for better visual consistency#12908
kangfenmao merged 2 commits intomainfrom
kangfenmao/openclaw-icon-fix

Conversation

@kangfenmao
Copy link
Collaborator

What this PR does

Before this PR:

  • OpenClawIcon used a complex 512x512 viewBox with a very detailed path
  • Stroke width was set to 38, which was inconsistent with other icons
  • The icon had poor visual clarity due to complex geometry

After this PR:

  • Simplified icon design with clean geometric shapes
  • Updated viewBox to 24x24 for better scaling and consistency
  • Reduced strokeWidth from 38 to 2 for uniform line thickness across icons
  • Replaced complex path with simple shapes: ears, face circle, eyes, and paws
  • Maintains filled eyes while using strokes for outlines

Fixes #

Why we need it and why it was done in this way

The original OpenClawIcon had visual inconsistencies with other icons in the UI - the stroke was too thick and the complex paths made it difficult to maintain and scale. This redesign simplifies the icon while maintaining its recognizable character.

The following tradeoffs were made:

  • Simplified geometry over detailed realism for better clarity at small sizes
  • Consistent stroke width (2) to match other icons in the design system

The following alternatives were considered:

  • Keeping the original design and only adjusting strokeWidth (rejected due to viewBox mismatch)
  • Using only fill without stroke (rejected to maintain consistency with other outline-style icons)

Links to places where the discussion took place: N/A

Breaking changes

None. This is a visual refinement that maintains the icon's purpose and recognizability.

Special notes for your reviewer

The icon maintains its "claw" character with simplified geometry. Please verify visual consistency with other icons in the application.

Checklist

Release note

Improved OpenClawIcon visual consistency with simplified design and uniform stroke width

- Redesign OpenClawIcon with cleaner, simpler paths
- Update viewBox from 512x512 to 24x24 for better scaling
- Reduce strokeWidth from 38 to 2 for consistent line thickness
- Replace complex path with simple geometric shapes for better clarity
- Maintain fill for eyes while using stroke for outline

This makes the icon more consistent with other icons in the UI.
@kangfenmao kangfenmao requested a review from DeJeune February 13, 2026 05:32
@DeJeune
Copy link
Collaborator

DeJeune commented Feb 13, 2026

image

Note

This comment was translated by Claude.

Is it too abstract?


Original Content

会不会过于抽象

- Introduced OpenClawSidebarIcon to replace OpenClawIcon in the sidebar.
- Updated Sidebar component to utilize the new OpenClawSidebarIcon for improved consistency in icon usage.

This change enhances the visual coherence of the sidebar by ensuring the correct icon is displayed.
@kangfenmao kangfenmao merged commit b4c829b into main Feb 14, 2026
5 checks passed
@kangfenmao kangfenmao deleted the kangfenmao/openclaw-icon-fix branch February 14, 2026 05:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants