feat: svg icons

components/landing/CTA.vue

@@ -28,7 +28,7 @@
         <p class="mt-2">
           <SmartLink :to="cta.link.target" class="link" blank>
             {{ cta.link.title }}
-            <i class="material-icons">chevron_right</i>
+            <SmartIcon name="chevron-right" class="svg-icons" />
           </SmartLink>
         </p>
       </div>

components/landing/Features.vue

@@ -20,7 +20,7 @@
           <p class="mt-2">
             <NuxtLink :to="feature.link.target" class="link">
               {{ feature.link.title }}
-              <i class="material-icons">chevron_right</i>
+              <SmartIcon name="chevron-right" class="svg-icons" />
             </NuxtLink>
           </p>
         </div>

components/landing/Hero.vue

@@ -36,7 +36,7 @@
       <div class="flex space-x-4 my-8 justify-center items-center">
         <ButtonPrimary
           label="Get Started"
-          icon="arrow_forward"
+          svg="arrow-right"
           reverse
           large
           @click.native="showLogin = true"