Make Earth icon a reusable component

src/routes/index.svelte

@@ -4,6 +4,7 @@
     // Components
     import Metas from '$components/Metas.svelte'
     import Button from '$components/atoms/Button.svelte'
+    import IconEarth from '$components/atoms/IconEarth.svelte'
     import BoxCTA from '$components/atoms/BoxCTA.svelte'
     import DiscoverText from '$components/atoms/DiscoverText.svelte'
     import PhotoCard from '$components/molecules/PhotoCard.svelte'
@@ -31,7 +32,7 @@
         <p class="text-medium">{settings.description}</p>
 
         <Button text="Explore locations" url="{path}#locations">
-            <img src="/images/icons/earth.svg" alt="explore globe">
+            <IconEarth animate={true} />
         </Button>
     </section>
 

src/routes/photos.svelte

@@ -90,7 +90,7 @@
                             on:change={handleCountryChange}
                             value={filterCountry}
                         >
-                            <img src="/images/icons/earth.svg" alt="Earth">
+                            <IconEarth class="icon" />
                         </Select>
                     </li>
                     <li>