experimenting with icons

Author: zamoore

packages/components/src/components/hds/icon/index.hbs

@@ -3,58 +3,32 @@
   SPDX-License-Identifier: MPL-2.0
 }}
 
-<svg
-  class={{this.classNames}}
-  ...attributes
-  aria-hidden="{{if @title 'false' 'true'}}"
-  aria-labelledby={{this.ariaLabelledby}}
-  data-test-icon={{this.name}}
-  fill="{{this.fillColor}}"
-  id={{this._iconId}}
-  role={{this.role}}
-  width="{{this.svgSize.width}}"
-  height="{{this.svgSize.height}}"
-  viewBox={{this.viewBox}}
-  xmlns="http://www.w3.org/2000/svg"
-  {{this.loadCarbonIcon this.hdsCarbon.carbonModeEnabled}}
->
-  {{#if @title}}
-    <title id={{this._titleId}}>{{@title}}</title>
-  {{/if}}
-
-  {{#if this.hdsCarbon.carbonModeEnabled}}
-    {{#if (not-eq this.carbonIcon null)}}
-      {{#each this.carbonIcon.content as |node|}}
-        {{#if (eq node.elem "path")}}
-          <path
-            d={{node.attrs.d}}
-            fill={{node.attrs.fill}}
-            opacity={{node.attrs.opacity}}
-            transform={{node.attrs.transform}}
-          />
-        {{else if (eq node.elem "circle")}}
-          <circle cx={{node.attrs.cx}} cy={{node.attrs.cy}} r={{node.attrs.r}} fill={{node.attrs.fill}} />
-        {{else if (eq node.elem "rect")}}
-          <rect
-            x={{node.attrs.x}}
-            y={{node.attrs.y}}
-            width={{node.attrs.width}}
-            height={{node.attrs.height}}
-            fill={{node.attrs.fill}}
-            transform={{node.attrs.transform}}
-          />
-        {{else if (eq node.elem "polygon")}}
-          <polygon points={{node.attrs.points}} fill={{node.attrs.fill}} />
-        {{/if}}
-      {{/each}}
-    {{/if}}
-  {{else}}
+{{#if this.hdsCarbon.carbonModeEnabled}}
+  {{#if (not-eq this.carbonIcon null)}}{{/if}}
+{{else}}
+  <svg
+    class={{this.classNames}}
+    ...attributes
+    aria-hidden="{{if @title 'false' 'true'}}"
+    aria-labelledby={{this.ariaLabelledby}}
+    data-test-icon={{@name}}
+    fill="{{this.fillColor}}"
+    id={{this._iconId}}
+    role={{this.role}}
+    width="{{this.svgSize.width}}"
+    height="{{this.svgSize.height}}"
+    viewBox={{this.viewBox}}
+    xmlns="http://www.w3.org/2000/svg"
+    {{this.loadCarbonIcon this.hdsCarbon.carbonModeEnabled}}
+  >
     {{#if @title}}
+      <title id={{this._titleId}}>{{@title}}</title>
+
       <g role="presentation">
         <use href="#flight-{{@name}}-{{this.size}}"></use>
       </g>
     {{else}}
       <use href="#flight-{{@name}}-{{this.size}}"></use>
     {{/if}}
-  {{/if}}
-</svg>
+  </svg>
+{{/if}}

packages/components/src/components/hds/icon/index.ts

@@ -56,14 +56,6 @@ export default class HdsIcon extends Component<HdsIconSignature> {
     }
   }
 
-  get name(): string | undefined {
-    if (this.hdsCarbon.carbonModeEnabled) {
-      return this.carbonIcon?.name;
-    } else {
-      return this.args.name;
-    }
-  }
-
   get isInline(): boolean {
     return this.args.isInline ?? false;
   }

packages/components/src/utils/hds-carbon-icon-map.ts

@@ -3446,8 +3446,4 @@ export const hdsCarbonIconList: IconMapItem[] = [
   },
 ];
 
-export const mappedHdsIconNames: IconName[] = hdsCarbonIconList.map(
-  (item) => item.hdsIconName
-);
-
 export default hdsCarbonIconList;

packages/flight-icons/catalog.json

@@ -1,5 +1,5 @@
 {
-  "lastRunTimeISO": "2025-11-05T17:40:01.941Z",
+  "lastRunTimeISO": "2025-11-26T23:30:48.585Z",
   "lastRunFigma": {
     "id": "TLnoT5AYQfy3tZ0H68BgOr",
     "page": "Export",