Use SVG icons from global symbols

Allow to change color and avoid code duplication
2021-11-10 22:57:50 +01:00
parent f1be0b719e
commit 73c9e80a21
20 changed files with 90 additions and 52 deletions
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -58,19 +58,19 @@
        <div class="cards">
            <BoxCTA
                url="{path}#locations"
-                icon="/images/icons/globe.svg"
+                icon="globe"
                label="Discover locations"
                alt="Globe"
            />
            <BoxCTA
                url="/photos"
-                icon="/images/icons/photos.svg"
+                icon="photos"
                label="Browse all photos"
                alt="Photos"
            />
            <BoxCTA
                url="/shop"
-                icon="/images/icons/bag.svg"
+                icon="bag"
                label="Shop our products"
                alt="Shopping bag"
            />