Use icon import

nepalcodes · Jul 11, 2024 · e029b99 · e029b99
1 parent fb14702
commit e029b99
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 20 deletions.
diff --git a/nepalingo-web/pnpm-lock.yaml b/nepalingo-web/pnpm-lock.yaml
diff --git a/nepalingo-web/src/components/Card.tsx b/nepalingo-web/src/components/Card.tsx
@@ -1,5 +1,7 @@
 import React, { useState } from 'react';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faVolumeHigh } from '@fortawesome/free-solid-svg-icons';
+
 
 const Card: React.FC<{
   Word: string;
@@ -48,7 +50,7 @@ const Card: React.FC<{
             <p className="absolute right-10 top-36 text-xs">{Pronunciation}</p>
             {PronounciationUrl && (
               <button onClick={handlePronunciation} className="absolute right-10 bottom-10">
-                <FontAwesomeIcon icon="fa-solid fa-volume-high" />
+                <FontAwesomeIcon icon={faVolumeHigh} />
               </button>
             )}
           </div>