Claude-skill-registry icon-replacement
Find replacement icons for migration. Use when migrating old code that uses icons not available in the new system, or when you need to find a suitable icon from the available icon set.
install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/icon-replacement" ~/.claude/skills/majiayu000-claude-skill-registry-icon-replacement && rm -rf "$T"
manifest:
skills/data/icon-replacement/SKILL.mdsource content
Find and suggest replacement icons during migration. This skill provides the complete list of available icons in the One-UI system.
Arguments
- Query or command:$ARGUMENTS
- Find a replacement for a specific icon<old-icon-name>
- Show all available iconslist
- Search icons by keywordsearch <keyword>
- Show icons by category (navigation, action, status, network, file, etc.)category <name>
Available Icons
Navigation & Menu
icon:arrow_backicon:arrow_forwardicon:arrow_lefticon:arrow_righticon:arrow_upwardicon:arrow_downwardicon:arrow_drop_downicon:arrow_drop_upicon:arrow_circle_downicon:arrow_circle_upicon:navigate_beforeicon:navigate_nexticon:first_pageicon:last_pageicon:keyboard_arrow_downicon:keyboard_arrow_upicon:menuicon:appsicon:homeicon:dashboard
Actions
icon:addicon:add_boxicon:add_circleicon:add_linkicon:removeicon:remove_circleicon:editicon:edit_attributesicon:edit_notificationsicon:edit_officon:delete_forevericon:saveicon:cancelicon:clearicon:doneicon:check_circleicon:refreshicon:sync_alticon:loopicon:undoicon:redoicon:downloadicon:uploadicon:sendicon:forwardicon:launchicon:searchicon:filter_alticon:tuneicon:settingsicon:settings_applicationsicon:settings_etherneticon:settings_input_componenticon:settings_powericon:settings_remoteicon:settings_suggesticon:buildicon:create_new_foldericon:attach_fileicon:file_copyicon:linkicon:link_officon:loginicon:lockicon:lock_openicon:vpn_keyicon:fullscreenicon:fullscreen_exiticon:drag_indicatoricon:place_item
Status & Indicators
icon:infoicon:info_outlineicon:helpicon:help_outlineicon:warningicon:erroricon:priority_highicon:notificationsicon:notifications_activeicon:notifications_noneicon:notifications_officon:circleicon:panorama_fish_eyeicon:highlight_officon:hide_sourceicon:visibilityicon:visibility_officon:task_alticon:pending_actionsicon:running_with_errorsicon:sync_disabledicon:sync_problemicon:troubleshooticon:verified_usericon:policyicon:security
Network & Connectivity
icon:wifiicon:wifi_officon:wifi_1_baricon:wifi_2_baricon:wifi_medium_darkThemeicon:wifi_medium_lightThemeicon:wifi_strength_darkThemeicon:wifi_strength_lightThemeicon:wifi_weak_darkThemeicon:wifi_weak_lightThemeicon:signal_cellular_alticon:signal_cellular_alt_1_baricon:signal_cellular_alt_2_baricon:lanicon:device_hubicon:routericon:cableicon:cloud_officon:cloud_queueicon:cloud-upload-outlineicon:apiicon:storageicon:network_manage
Files & Documents
icon:foldericon:folder_officon:folder_openicon:articleicon:descriptionicon:assignmenticon:inventoryicon:archiveicon:unarchive
People & Accounts
icon:personicon:account_boxicon:account_treeicon:group_workicon:engineering-maintenance
Time & Schedule
icon:scheduleicon:schedule_sendicon:todayicon:event_busyicon:event_noteicon:historyicon:updateicon:upgrade
UI Elements
icon:staricon:star_bordericon:favoriteicon:favorite_bordericon:bookmark_staricon:push_pinicon:outlined-push_pinicon:labelicon:local_offericon:categoryicon:styleicon:widgetsicon:extensionicon:more_verticon:unfold_lessicon:unfold_moreicon:density_largeicon:density_mediumicon:density_smallicon:view_headlineicon:gridicon:format_list_numbered_rtl
Trends & Analytics
icon:trending_upicon:trending_downicon:trending_flaticon:calculateicon:functions
Location & GPS
icon:locationicon:my_locationicon:gps_fixedicon:near_meicon:outlined-near_meicon:apartmenticon:room_preferences
Media & Image
icon:cameraicon:image-outlineicon:wallpapericon:center_focus_weak
Communication
icon:emailicon:mark_email_unreadicon:smsicon:phoneicon:outlined-feedback
Play Controls
icon:play_circleicon:pause_circleicon:restart_alticon:power_settings_newicon:left_circle
MX Custom Icons (Moxa-specific)
icon:mx-509_certificateicon:mx-application_cog_outlineicon:mx-application_emptyicon:mx-calendar_clockicon:mx-circle_dashicon:mx-cog-officon:mx-cursor-add-outlineicon:mx-cursor-addicon:mx-cursor-outlineicon:mx-cursoricon:mx-default_routeicon:mx-empty_state_404icon:mx-empty_state_500icon:mx-empty_state_boxicon:mx-empty_state_module_not_foundicon:mx-ethernet_porticon:mx-exporticon:mx-file-eye-outlineicon:mx-file_cog_outlineicon:mx-folder-cogicon:mx-form-textboxicon:mx-forwardicon:mx-gridicon:mx-horizontal-lineicon:mx-horizontal_align_centericon:mx-httpsicon:mx-ip_network_outlineicon:mx-lanicon:mx-moxa_device_extensionicon:mx-moxa_micon:mx-network_serviceicon:mx-package_updateicon:mx-redundancyicon:mx-remote_vpnicon:mx-restarticon:mx-ringicon:mx-router_emptyicon:mx-safety_checkicon:mx-scan_deviceicon:mx-switchingicon:mx-system-dashboardicon:mx-tag-searchicon:mx-ungroupicon:mx-verified_erroricon:mx-verified_unknowicon:mx-vertical-lineicon:mx-wan
Project Types
icon:project_type_agticon:project_type_tpeicon:apollo_projecticon:tenancy
Misc
icon:local_activityicon:card_membershipicon:medical_informationicon:dynamic_formicon:shape_line_outlineicon:cleaning_servicesicon:low_priorityicon:multiple_stopicon:terminalicon:vertical_align_centericon:pan_toolicon:pan_tool-outlineicon:outlined-gpp_badicon:outlined-stop_circleicon:outlined-verified_usericon:outlined-view_week
Common Icon Replacements
When migrating from legacy icons, use these suggested replacements:
| Legacy Icon | Replacement | Reason |
|---|---|---|
| or | Clear for dismiss, cancel for cancel action |
| or | Done for simple check, check_circle for emphasis |
| | Unified style |
| | Unified style |
| | Unified style |
| | Use outline variant |
| | Use generic download |
| | Use generic download |
| | Use generic upload |
| or | Login for auth, launch for external |
| | Use launch for external links |
| | Use file_copy |
| | Use outlined variant |
| | Use push_pin |
| or | Use MX variant for ports |
| | Use network_manage |
| | Use MX VPN icon |
| or | Use MX variant if available |
| or | sync_alt for bidirectional, loop for repeat |
| | Use power icon |
| | Use MX certificate icon |
Workflow
For <old-icon-name>
query:
<old-icon-name>- Search for exact match in available icons
- If not found, suggest closest alternatives based on:
- Semantic meaning
- Visual similarity
- Common use cases
- Provide 2-3 options with explanations
For search <keyword>
:
search <keyword>- Search icon names containing the keyword
- Return all matches grouped by category
For category <name>
:
category <name>- Return all icons in that category
- Categories: navigation, action, status, network, file, people, time, ui, trend, location, media, communication, play, mx, project, misc
Output Format
For replacement queries:
## Icon Replacement for `{old-icon}` **Recommended:** `icon:{recommended}` - {reason} **Alternatives:** - `icon:{alt1}` - {reason1} - `icon:{alt2}` - {reason2} **Usage:** ```html <mat-icon svgIcon="{recommended}"></mat-icon>
### For search/list:
Icons matching "{keyword}"
{Category 1}
icon:name1icon:name2
{Category 2}
icon:name3