Skip to content

Normalize icon export names with Icon suffix aliases #1584

Closed

Description

@rishiraj38

A few icon exports in src/icons/ don't follow the standard *Icon naming convention used across the MUI/React ecosystem. This causes confusion downstream — during Meshery reviews we kept having to manually verify whether these names were valid exports or typos.

What needs to change

We just need to add alias exports alongside the existing ones. Nothing gets removed or renamed — fully backward-compatible.

Current export Alias to add File
AccessTime AccessTimeIcon src/icons/AccessTime/index.ts
ChevronLeft ChevronLeftIcon src/icons/ChevronLeft/index.ts
ChevronRight ChevronRightIcon src/icons/ChevronRight/index.ts
FullScreenIconExit FullScreenExitIcon src/icons/Fullscreen/index.ts
GroupAdd GroupAddIcon src/icons/GroupAdd/index.ts
MesheryOperator MesheryOperatorIcon src/icons/MesheryOperator/index.ts
BarchartIcon BarChartIcon src/icons/Barchart/index.ts

Example change

Each file is a one-liner addition. For example, src/icons/AccessTime/index.ts:

 export { default as AccessTime } from './AccessTimeIcon';
+export { default as AccessTimeIcon } from './AccessTimeIcon';

Contributor Guides and Resources

Activity

  1. kanishksingh23 commented on May 26, 2026

    @kanishksingh23
    Contributor

    Hey @rishiraj38, may I work on this issue?

  2. linked a pull request that will close this issueNormalize icon export naming #1585on May 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions