svg to material-icons

index.html

@@ -6,6 +6,7 @@
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="./style.css">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <title>FAQ Page - Mini Projeto codante.io</title>
 </head>
 
@@ -22,7 +23,7 @@ <h1 class="faq-container__title">Perguntas Frequentes</h1>
     <li class="faq-container__question-card">
       <h3 class="faq-container__question"><span class="faq-container__question-text">
         </span>
-        <img src="/assets/arrow-down-icon.svg" alt="Seta para baixo" class="faq-container__icon">
+        <span alt="Seta para baixo" class="faq-container__icon material-icons">expand_more</span>
       </h3>
       <p class="faq-container__answer"></p>
     </li>