...

public/images/speed_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M418-340q24 24 62 23.5t56-27.5l224-336-336 224q-27 18-28.5 55t22.5 61Zm62-460q59 0 113.5 16.5T696-734l-76 48q-33-17-68.5-25.5T480-720q-133 0-226.5 93.5T160-400q0 42 11.5 83t32.5 77h552q23-38 33.5-79t10.5-85q0-36-8.5-70T766-540l48-76q30 47 47.5 100T880-406q1 57-13 109t-41 99q-11 18-30 28t-40 10H204q-21 0-40-10t-30-28q-26-45-40-95.5T80-400q0-83 31.5-155.5t86-127Q252-737 325-768.5T480-800Zm7 313Z"/></svg>

src/app/text-speaker/page.tsx

@@ -275,8 +275,8 @@ export default function Home() {
                 } alt="autoplayorpause"
                 ></IconClick>
                 <IconClick size={45} onClick={() => setShowSpeedAdjust(!showSpeedAdjust)}
-                    src={IMAGES.more_horiz}
-                    alt="more"
+                    src={IMAGES.speed}
+                    alt="speed"
                     className={`${showSpeedAdjust ? 'bg-gray-200' : ''}`}></IconClick>
                 <IconClick size={45} onClick={save}
                     src={IMAGES.save}

src/config/images.ts

@@ -14,6 +14,7 @@ const IMAGES = {
     more_horiz: '/images/more_horiz_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg',
     save: '/images/save_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg',
     delete: '/images/delete_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg',
+    speed: '/images/speed_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg',
 }
 
 export default IMAGES;