Change Cart button icon and size

src/components/atoms/ButtonCart.svelte

@@ -2,15 +2,14 @@
     import { cartOpen, cartAmount } from '$utils/store'
     import ButtonCircle from './ButtonCircle.svelte'
 
-
+    const openCart = () => {
-    const handleCartOpening = () => {
         $cartOpen = true
     }
 </script>
 
 <div class="button-cart">
-    <ButtonCircle color="purple" on:click={handleCartOpening}>
+    <ButtonCircle color="purple" on:click={openCart}>
-        <img src="/images/icons/pin.svg" alt="">
+        <img src="/images/icons/bag.svg" width={27} height={22} alt="Cart icon">
     </ButtonCircle>
 
     {#if $cartAmount > 0}

src/style/atoms/_button-cart.scss

@@ -8,6 +8,15 @@
         margin-left: auto;
     }
 
+    // Icon
+    img {
+        display: block;
+        width: 27px;
+        height: 27px;
+        margin-top: -3px;
+    }
+
+    // Quantity label
     .quantity {
         position: absolute;
         top: 50%;