diff --git a/packages/react/scripts/buildIconTypes.js b/packages/react/scripts/buildIconTypes.js
index 33a5d9441..056a7f9c5 100644
--- a/packages/react/scripts/buildIconTypes.js
+++ b/packages/react/scripts/buildIconTypes.js
@@ -16,7 +16,8 @@ const ICONS_WITH_DIRECTIONS = [
   'arrow-circle',
   'chevron',
   'chevron-double',
-  'triangle'
+  'triangle',
+  'triangle-solid'
 ];
 const DIRECTIONS = ['up', 'down', 'left', 'right'];
 
@@ -36,7 +37,7 @@ for (const file of files) {
 
   const name = file.replace('.svg', '');
   if (ICONS_WITH_DIRECTIONS.includes(name)) {
-    iconTypes.push(...DIRECTIONS.map(d => `${name}-${d}`));
+    iconTypes.push(...DIRECTIONS.map((d) => `${name}-${d}`));
   } else {
     iconTypes.push(name);
   }
@@ -51,11 +52,11 @@ fs.writeFileSync(
 
 /** IconType represents each valid icon type. */
 export type IconType =
-${iconTypes.map(i => `  | '${i}'`).join('\n')};
+${iconTypes.map((i) => `  | '${i}'`).join('\n')};
 
 /** iconTypes holds each valid icon type. */
 export const iconTypes = [
-${iconTypes.map(i => `  '${i}'`).join(',\n')}
+${iconTypes.map((i) => `  '${i}'`).join(',\n')}
 ];
 `.trim()
 );
diff --git a/packages/react/src/components/Accordion/Accordion.tsx b/packages/react/src/components/Accordion/Accordion.tsx
index 86baa5158..9b71dddba 100644
--- a/packages/react/src/components/Accordion/Accordion.tsx
+++ b/packages/react/src/components/Accordion/Accordion.tsx
@@ -84,7 +84,7 @@ const Accordion = ({
   }
 
   return (
-    <div className="Accordion" {...props}>
+    <div className={'Accordion'} {...props}>
       <ExpandCollapsePanel
         id={panelElement.props.id || `${elementId}-panel`}
         open={open}
@@ -93,8 +93,8 @@ const Accordion = ({
         {...panelElement.props}
       >
         <PanelTrigger
-          iconCollapsed="triangle-right"
-          iconExpanded="triangle-down"
+          iconCollapsed="triangle-solid-right"
+          iconExpanded="triangle-solid-down"
           className={classnames(
             'Accordion__trigger',
             (trigger.props as AccordionTriggerProps).className
diff --git a/packages/react/src/components/Icon/icons/triangle-solid.svg b/packages/react/src/components/Icon/icons/triangle-solid.svg
new file mode 100644
index 000000000..9819b6236
--- /dev/null
+++ b/packages/react/src/components/Icon/icons/triangle-solid.svg
@@ -0,0 +1 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" fill="currentColor" preserveAspectRatio="none" viewBox="0 0 26 26" id="Layer_1" width="16" height="16"><g transform="translate(1, 1)"><path d="m10.87,16.33c.62.62,1.64.62,2.26,0l6.4-6.4c.46-.46.59-1.14.34-1.74s-.83-.99-1.48-.99H5.6c-.64,0-1.23.39-1.48.99s-.11,1.28.34,1.74l6.4,6.4h0Z" vector-effect="non-scaling-stroke" /></g></svg>
\ No newline at end of file