Use SVG icons from global symbols

Allow to change color and avoid code duplication

src/components/atoms/ButtonCart.svelte

@@ -3,6 +3,7 @@
     import { quartOut } from 'svelte/easing'
     import { cartOpen, cartAmount } from '$utils/stores/shop'
     // Components
+    import Icon from '$components/atoms/Icon.svelte'
     import ButtonCircle from '$components/atoms/ButtonCircle.svelte'
 
     const openCart = () => {
@@ -12,7 +13,7 @@
 
 <div class="button-cart">
     <ButtonCircle color="purple" on:click={openCart}>
-        <img src="/images/icons/bag.svg" width={27} height={22} alt="Cart icon">
+        <Icon icon="bag" label="Cart icon" />
     </ButtonCircle>
 
     {#if $cartAmount > 0}